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

Question

我有一个用于 slider 的 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 文件中这样当从此 slider 单击下一个/上一个时，它将显示不同的 div。现在，只有当我添加时，来自那个 fiddle 的 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 文件。如何将 slider 中的 Prev/Next 链接到 jsfiddle 中的代码？

Answer 1

在运行时添加上一个和下一个按钮时使用事件委托(delegate)，

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

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

并在 document 的位置使用按钮的任何最接近的静态父级 next 和 prev 来改进性能。

DEMO