将 .js 文件中的 JQuery 选择器添加到 .php

Question

我有一个用于滑块的 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 中的代码？

Answer 1

在上一个和下一个按钮上使用event-delegation ，因为它们是在运行时添加的，

$(document).on("click","#next", function(){
 //Your code
});

$(document).on("click","#prev", function(){
 //Your code
});

并在document的位置使用 next 和 prev 按钮的任何最接近的静态父级来即兴表演。

演示