将 JQuery 选择器从.js文件预置到.php


Prepend JQuery Selector from .js file into .php

我有一个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使用下一个和上一个按钮的任何最接近的静态父级来即兴表演。

演示