我有一个jquery插件,我正在用于滑块。它包含"下一个和上一个"按钮的以下代码。
$(selector).prepend(''
<ul class="mk-nav-controls">'
<li><a id="prev" href="#" data-mk-direction="prev">Prev</a></li>'
<li><a id="next" href="#" data-mk-direction="next">Next</a></li>'
</ul>'
');
我正在将代码从这个 jsfiddle http://jsfiddle.net/a8yJt/添加到我的 init.js 文件中,以便当从此滑块单击下一个/上一个时,它将显示不同的div。现在,该小提琴的div仅在我添加时起作用:
<ul class="mk-nav-controls">
<li><a id="prev" href="#" data-mk-direction="prev">Prev</a></li>
<li><a id="next" href="#" data-mk-direction="next">Next</a></li>
</ul>
到我的.php文件中。如何将滑块中的上一个/下一个链接到 jsfiddle 中的代码?
在
运行时添加上一个和下一个按钮时使用event-delegation
,
$(document).on("click","#next", function(){
//Your code
});
$(document).on("click","#prev", function(){
//Your code
});
代替document
使用下一个和上一个按钮的任何最接近的静态父级来即兴表演。