我的代码适用于codepen，但不适用于网站

Question

我的代码的某些部分无法正常工作，我无法找到原因。我尝试了一些代码，这是有效的，后来我添加了整个页面，它仍然有效。但在我的网站上。为什么呢？

不起作用的代码是

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

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

});

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

编辑：

如果你点击“3站（i）”在codepen向下滑动div .hinfo。我的网站上有相同的代码，并且没有发生。

Answer 1

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

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