jQuery 隐藏/显示 div 在 Opera 和 Chrome 中工作，但不适用于 IE/Firefox

Question

大家好，下面的 jQuery 代码 sn-p 似乎在 Google Chrome 和 Opera 中运行良好，但是当我尝试在 Internet Explorer 或 Firefox 中隐藏/显示相关的 div 时没有任何反应。有什么想法吗？

$(function() {
  $(".paste-meta-small .right a.collapse").click(function(event) {
    $(this).parents(".paste-meta-small").next(".highlight").toggle(500);
    $(this).text($(this).text() == 'show' ? 'hide' : 'show');
    event.preventDefault();
  })
})

$(function() {
  $(".highlight-meta a.blog-collapse").click(function(event) {
    $(this).parents(".highlight-meta").next(".blog-highlight").toggle(500);
    $(this).text($(this).text() == 'show' ? 'hide' : 'show');
    var margin = ($(this).text() == "show" ? "15px" : "0");
    $(this).parents(".highlight-meta").css("margin-bottom", margin);   
    event.preventDefault();
  })
})

可以在here找到一个工作示例

提前致谢

Answer 1

您的问题出在顶部的脚本标记中：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" />
<script src="/js/injekt.js" type="text/javascript"></script>

第二个标签在其他浏览器中没有加载，<script> 标签总是需要一个结束标签，它们不能自闭：

<script></script> //Valid
<script /> //Invalid

把第一个标签改成这个，让它工作：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>