jquery - JQuery .click()在Firefox中有效，但在chrome或IE中无效

编辑：只是要清楚，这不是我有问题的jsfiddle。在所有浏览器上对我来说效果都很好，这是我网站上使用以下确切代码的实际实现。

我在页面上有一个8块动态生成的YouTube缩略图的块，以及一个播放器div。当我单击其中一个缩略图时，我希望关联的视频在播放器div中ajax播放。以下代码适用于FF，但不适用于IE或Chrome。

$(document).ready(function(){


    $('.vidlink').click(function (event) {
            event.preventDefault();
            var addressValue = $(this).attr("href");
            alert(addressValue);

            iFrame = "<iframe width=\"560\" height=\"315\" src=\"http://www.youtube.com/embed/"+addressValue+"\" frameborder=\"0\" allowfullscreen></iframe>";


            newDiv = "<div id=\"vidPlayer\">" + iFrame + "</div>";


            $('#vidPlayer').replaceWith(newDiv);

        });

});

This is pretty much what I'm trying to do (JSFiddle).

在FF中也不起作用，直到我将$('.vidlink')周围的双引号更改为单引号。我用$(this).attr("href")尝试过，但是在FF上又把它弄坏了。

最佳答案

它在FF，Chrome和IE中为我工作。单引号或双引号不应有任何区别。您认为确实如此的事实使我认为您的测试不正确。确保清除每个浏览器中的缓存。或者至少在确定它是否正常工作之前，按几次“刷新”。

关于jquery - JQuery .click()在Firefox中有效，但在chrome或IE中无效，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/16452766/