javascript - 为什么这个 jquery 片段不起作用？

Question

我想知道为什么这个代码片段适用于 chrome(版本 31.0.1650.57 m)而不是 firefox(25.0)

    <span class="chat-user" id="directeur">        <a class="user" user="directeur" room="" href="#">            directeur        </a>    </span>    <script>    $("a[class=user]").click(function(event) {        alert();    });     </script>

我点击“directeur”链接，在 Chrome 上，我收到一个警报窗口，在 Firefox 中没有任何反应。

编辑，我发现了真正的问题

我正在另一个函数中更改 DOM:

    window.setInterval(function() {        $.get("url",            function(data) {                data.forEach(function(entry) {                if (0 != $( ".chat-connected" ).find($("#"+entry.user)).size()) {                    $("#"+entry.user).find("a").css("color", "red");                    $("#"+entry.user).find("a").attr("room", entry.room);                }            });        });    }, 30000);

该更改是修改 DOM，并且单击 jquery 函数不再应用于 属性。

Answer 1

我不知道是什么导致了浏览器之间的差异。也许失踪了<关于</script>标签？不管怎样，你真的应该使用

$("a.user").click(function(event) {
    alert();
});