jQuery Ui选项卡无法处理加载文档中的onclick
我有这样的jQueryUI选项卡jQuery Ui选项卡无法处理加载文档中的onclick,jquery,jquery-ui,jquery-ui-tabs,Jquery,Jquery Ui,Jquery Ui Tabs,我有这样的jQueryUI选项卡 <div id="tabs"> <ul> <li><a href="#tabs-1">Preloaded</a></li> <li><a href="ajax/content1.php">Tab 1</a></li> <li><a href="ajax/content2.
<div id="tabs">
<ul>
<li><a href="#tabs-1">Preloaded</a></li>
<li><a href="ajax/content1.php">Tab 1</a></li>
<li><a href="ajax/content2.php">Tab 2</a></li>
<li><a href="ajax/content3-slow.php">Tab 3 (slow)</a></li>
<li><a href="ajax/content4-broken.php">Tab 4 (broken)</a></li>
</ul>
<div id="tabs-1">
</div>
</div>
例如,当加载content1.php时,我希望处理content1.php中的链接并发出警报,但这并没有发生。怎么做
PS:我写了一个链接,不管我想用什么.classname…对于动态生成的元素,事件应该从元素的静态父元素或文档对象之一委派
$(document).on('click', 'a', function(){
alert("asdas");
});
请注意,您尚未关闭文档就绪处理程序:
$(document).ready(function() {
$( "#moreinfotabs" ).tabs();
$(document).on('click', 'a', function(){
alert("asdas");
});
}) // <--
$(文档).ready(函数(){
$(“#更多信息选项卡”).tabs();
$(文档)。在('click','a',function()上{
警报(“asdas”);
});
})//+1和轻微观察:OP忘记关闭)代码>在他/她的文档中。准备好了
:)
@Tats\n谢谢兄弟,是的,我忘了提到:)
$(document).ready(function() {
$( "#moreinfotabs" ).tabs();
$(document).on('click', 'a', function(){
alert("asdas");
});
}) // <--