将.js文件中的JQuery Selector添加到.php中

时间:2016-03-11 16:04:42

标签: php jquery html css

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

1 个答案:

答案 0 :(得分:1)

在上次和下一个按钮上使用event-delegation,因为它们会在运行时添加,

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

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

document的位置使用旁边最接近的按钮的静态父级和prev来即兴表演。

DEMO