我有一个用于滑块的jquery插件。它包含“next和prev”按钮的以下代码。
$(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文件中,这样当从此滑块单击next / prev时,它将显示不同的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文件。如何将滑块上的Prev / Next链接到jsfiddle中的代码?
答案 0 :(得分:1)
在上次和下一个按钮上使用event-delegation
,因为它们会在运行时添加,
$(document).on("click","#next", function(){
//Your code
});
$(document).on("click","#prev", function(){
//Your code
});
在document
的位置使用旁边最接近的按钮的静态父级和prev来即兴表演。