【问题标题】:Javascript not always runningJavascript 并不总是运行
【发布时间】:2014-11-03 20:19:00
【问题描述】:

我有一个 div 设置为在页面加载时显示:none,以及一个用于在单击此脚本时打开该 div 的按钮。

    <script>
     $(document).ready(function(){
             $('.buttonmain').click(function(){
            $(this).next(".toggle_container").slideToggle("slow,");
          });
        });      

    </script>

它有时有效,但不是每次都有效。 我尝试将脚本放在顶部、主页等。它都一样。

它基于 Bootstrap 构建。

有人有什么想法吗?

转到我的网站www.pb-studios.com,然后单击FIRMENKUNDE 或PRIVATKUNDEN,没关系。在介绍文字下方有一个按钮,上面写着“Mehr über Uns”。这就是假设显示/隐藏 div 的按钮。

【问题讨论】:

  • 也许元素.buttonmain 并不总是有.toggle_container 作为兄弟?
  • 您网站上的代码在哪里?我在任何地方都找不到它,它在 firebug 中注册为 eval
  • 我在 Chrome 中收到一个错误,表明以下内容不起作用`$('#grid').grid(...` (nl: undefined is not a function)。如果我附上确切的来自控制台的相同事件它正在工作,所以我建议您首先尝试调试可能阻止进一步附件的错误......在我的情况下,网站“更多”按钮从未工作
  • 感谢答案,但我找到了解决方案,只是稍微更改了脚本(已删除(文档).ready)。对我来说现在看起来不错,如果它不适合你,请告诉我:$( ".buttonmain" ).click(function() { $( ".toggle_container" ).slideToggle( "slow", function() { }); });

标签: javascript twitter-bootstrap


【解决方案1】:

尝试将script 放在最底部的body 中。

【讨论】:

  • 你是根据他的实际代码做的吗?您是否修改了他的脚本标签的位置并通过向下移动脚本标签使其工作?此外,jquery ready 是在文档的顶部还是底部都没有关系。它等待开火。所以不是这样。
猜你喜欢
  • 2014-01-30
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-06-10
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多