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

Question

我有这样的 jQuery Ui 标签

<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>

在我拥有的 JavaScript 中

$(document).ready(function() {
    $( "#moreinfotabs" ).tabs();
    $('a').click(function(){
        alert("asdas");
    });

例如，当 content1.php 被加载时，我想处理点击 content1.php 中的链接并发出警报，但它没有发生。怎么做 ？

PS：我写了一个链接，我想用a.classname ....

Answer 1

对于动态生成的元素，应该从元素的静态父级之一或文档对象委托事件。

$(document).on('click', 'a', function(){
    alert("asdas");
});

请注意，您尚未关闭文档就绪处理程序：

$(document).ready(function() {
    $( "#moreinfotabs" ).tabs();
    $(document).on('click', 'a', function(){
        alert("asdas");
    });
}) // <--