javascript - 我的代码在 codepen 中有效，但在网站中无效

Question

我的代码的某些部分不起作用，我无法找出原因。我尝试将其中的一部分用于 codepen 并且它有效，后来我添加了整个页面并且它仍然有效。但是在我的网站上没有。为什么？

无效的代码是

$(".hinfo").hide();
$(".hidit").on("click", function () {

   $(this).next(".hinfo").toggle();

});

在codepen http://codepen.io/anon/pen/rxmxop它打开 hinfo。在我的页面上 http://www.hriste.host-ed.me它什么也没做。为什么？

编辑:

如果您在 codepen 处单击“3 stops (i)”，则会向下滑动 div .hinfo。我的网站上有相同的代码，但没有任何反应。

Answer 1

将 script.js 的内容包装在文档就绪函数中。您在完全加载之前将事件绑定(bind)到 DOM。

$( document ).ready(function() {
    // Content here
});