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时，我想处理click1.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");
    });
}) // <--

jQuery Ui Tabs无法在加载的文档中处理onclick

1 个答案: