Javascript 在 Chrome 或 Safari 中不起作用答案

【问题标题】：Javascript not working in Chrome or SafariJavascript 在 Chrome 或 Safari 中不起作用
【发布时间】：2011-02-24 07:07:19
【问题描述】：

大家好，尝试让我的菜单正常工作，但它仅适用于 Firefox。
所有的 javascript 都不起作用，菜单所做的只是显示所有内容立即打开，没有任何内容被隐藏。

任何帮助将不胜感激！！

代码如下：

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">

$(document).ready(function()
{    
    $(".toggle_container").hide();  
    $("h2.trigger").click(function()    
    {  
        $(this).toggleClass("active").next().slideToggle("slow");    
    });  
});  
</script>

【问题讨论】：

您需要发布一些 html。或者在 jsfiddle.net 上设置并发布链接
控制台是否出现错误？单击页面，转到检查元素，检查最后一个选项卡（控制台）是否有错误。还要检查 js 是否未在首选项/内容设置/javascript/中禁用

标签： jquery google-chrome safari menu show-hide

【解决方案1】：

您没有说明您的 HTML 是什么样子以及您希望脚本做什么，但脚本本身似乎没有任何明显的问题。如果您的 HTML 是这样的，它似乎可以工作：

<h2 class=trigger>trigger</h2>

<div class=toggle_container>
    <p>some div</p><p>with</p><p>some text</p>
</div>

转到此地址：http://jsfiddle.net/8DSgG/ 并使用您所拥有的内容更新 HTML，看看它是否有效。我敢打赌，您在 HTML 中的某些类是错误的，或者它们是 ID 而不是类或类似的东西。

【讨论】：

感谢您的回复和帮助！！我用我的代码更新了该代码，即使我使用的是 Chrome，它似乎也可以在那里工作。 jsfiddle.net/8DSgG/1 为什么它在那里工作而不是在我的网站上？也许我正在使用的 jquery 模板？当我试图让它在 Firefox 中工作时，我遇到了一些问题，但那是关于 CSS 的。