解决办法: 方式一: 采用事件委托的方式: 事件委托又叫事件代理,就是利用事件冒泡,只指定一个事件处理程序,就可以管理某一类型的所有事件。 一般来说,DOM需要有事件处理程序,我们都会直接给它设定事件处理程序就好了,但是如果有很多DOM需要添加处理事件,比如,一个ul下有很多个li,需要给每个li都添加相同的点击事件,这...
由于vue-seamless-scroll 组件会复制 DOM 元素,而这些复制的元素并没有绑定事件处理器,因此可以通过事件委托的方式来解决这个问题。事件委托是将事件处理器绑定在父元素上,然后利用事件冒泡机制来处理子元素的点击事件。 html <template> <div class="scroll-container" @click="handleItemClick"> <...
##事件无法被复制的问题(点击等等事件) ###本插件没有做一个节点的深度事件复制(jq的clone(true)) ###解决方法 >1.简单的直接原生js进行`addEventListener`,存在异步数据无法绑定上问题。(不推荐) >2.事件代理,给父元素绑定对应事件,在需要处罚的子元素上进行事件补获。(推荐)...
左右方向的滚动是否显示控制器按钮，true 的时候 autoPlay 自动变为 false。回调事件 <template> <vue-seamless-scroll :data="listData" @ScrollEnd="ScrollEnd" class="warp"> </vue-seamless-scroll></template> ScrollEnd ScrollEnd: function(){ console.log("ScrollEnd")...
问题分析: 当第一个ul中的数据滚动完时(真实数据),第二个ul 部分的click事件不起作用(复制出来的数据),无法实现一些点击这行,弹窗详情信息业务需要功能。 我需要这些数据添加一些点击事件,弹出二级页面及区域切换效果。 解决办法: 方式一: 采用事件委托的方式: ...
1、事件无法被复制的问题 组件本身没有对 copy 的 html 做一个节点的深度事件复制(类似 jq 的 clone(true)) 解决方法 1.事件代理,给父元素绑定对应事件,在需要的子元素上进行事件补获。(推荐) 2.简单的直接原生 js 进行addEventListener,存在异步数据无法绑定上问题。(不推荐) ...
问题分析: 当第一个ul中的数据滚动完时(真实数据),第二个ul 部分的click事件不起作用(复制出来的数据),无法实现一些点击这行,弹窗详情信息业务需要功能。 我需要这些数据添加一些点击事件,弹出二级页面及区域切换效果。 解决办法: 方式一: 采用事件委托的方式: ...