jQuery Ui选项卡无法处理加载文档中的onclick

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.

我有这样的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.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");
    });
}) // <--