0

我这里有一些代码。这在 Chrome 中运行良好，但在 IE 和 Firefox 中却不行。

$(document).ready(function(){
    $(".thumb").click(function(){
        alert ("Reached here.");
        var cat_id = $(this).attr('id'); // get category id
        alert (cat_id);

    });
});


<a href="#" class="thumb" id = "20" name="df" >
    <img src="images/dry_fruits.png" alt="Title #0" width="75" height="75"/>
</a>

它甚至没有在 Firefox 和 IE 中触发警报。有人可以帮我确定问题吗。

任何帮助将不胜感激。

德韦什

4

2 回答 2

1

它看起来像 jQuery 2.0.2 的一个错误。我摆弄了它，IE 只在 $(document).ready() 上抛出了错误。

SCRIPT5: Access is denied. jquery-2.0.2.js, line 1378 character 2
SCRIPT5009: '$' is undefined _display, line 21 character 1

将 jQuery 版本交换为 1.9.1，一切正常。 http://jsfiddle.net/taneleero/pLRNF/3/

于 2013-10-06T15:38:31.503 回答
0

将所有要在一次调用中完成的事情保持在一个调用中，以$(document).ready确保没有出现竞争条件等问题，调用添加的函数的顺序是这样的。

如果一个函数将元素添加到 DOM，而另一个函数需要它的存在，则由于调用顺序不同，您可能会遇到冲突和意外行为......

于 2013-10-06T15:47:20.997 回答