AMP按钮vs div行为
我正在尝试将tap事件附加到div。我有以下代码片段。
<div class="scroller" on="tap:description.scrollTo(duration=500, position=top)">
<svg id="svg-icon-scroller" width="574px" height="574px" viewBox="0 0 574 574" version="1.1" xmlns="http://www.w3.org/2000/svg">
<polygon fill="#FFFFFF" points="242.230044 0 344.159764 0 344.159764 342.046041 495.160004 342.046041 292.832713 573.99967 79 342.452068 242.374538 342.452068"></polygon>
</svg>
</div>
这个片段给了我错误
The parent tag of tag 'FORM > DIV [submit-success]' is 'body', but it can only be 'form'.
根据文档，tap事件可用于任何元素。当我将代码段切换到
<button class="scroller" on="tap:description.scrollTo(duration=500, position=top)">
<svg id="svg-icon-scroller" width="574px" height="574px" viewBox="0 0 574 574" version="1.1" xmlns="http://www.w3.org/2000/svg">
<polygon fill="#FFFFFF" points="242.230044 0 344.159764 0 344.159764 342.046041 495.160004 342.046041 292.832713 573.99967 79 342.452068 242.374538 342.452068"></polygon>
</svg>
</button>
我没有收到这个错误。如何将事件正确地附加到div元素？
共有1个答案
这个
-
如果你使用Bootstrap，那么你会觉得SUI用起来非常的顺手，而且几乎所有的UI框架都是这种设计思路。 按钮 SUI默认的按钮是空心的，有多个按钮的风格可供选择，用户不同的状态中，比如提交表单就用绿色的按钮，执行删除等重要的操作，就用红色的按钮。 <header class="bar bar-nav"> <h1 class='title'>按钮</h1> </header> <div
-
在表单、对话框等需要用到的场合使用Bootstrap的自定义按钮样式。Bootstrap按钮支持一系列上下文变量、尺寸、状态和其它。 示例 Bootstrap包括了六种预定义的按钮样式，每种样式服务于它们各自的语义目的。 <!-- Provides extra visual weight and identifies the primary action in a set of buttons -
-
material design 中有三种类型的按钮。凸起的按钮是一个标准的按钮，表示动作，相对于页面有一个深度。悬浮的圆形动作按钮表示很重要的功能。平面按钮通常用于已经有深度的卡片会模态。 凸起的 <a class="waves-effect waves-light btn">按钮</a> <a class="waves-effect waves-light btn"><i class="mate
-
普通按钮 添加类名 .disabled 增加不可点状态。 <div class="demo"> <button class="ui-btn">普通按钮</button> <button class="ui-btn ui-btn-primary">主要按钮</button> <button class="ui-btn ui-btn-danger">警示按钮</butto
-
按钮被按下时输出Yes 用法 Your browser does not support the video tag. 案例：保险箱 说明：使用旋钮制作密码器，通过显示屏显示密码。输入密码正确后指示灯亮起，按下按钮保险箱被开启。 所需模块：电源、蓝牙模块、按钮、旋钮、显示屏、双舵机驱动、舵机驱动包、转接线10cm。
-
按下时输出Yes，松开时输出No 用法 Your browser does not support the video tag. 案例：小台灯 功能：按下按钮灯亮，松开灯灭