我的代码的某些部分不起作用,我无法找出原因。我尝试将其中的一部分用于 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。我的网站上有相同的代码,但没有任何反应。
最佳答案
将 script.js 的内容包装在文档就绪函数中。您在完全加载之前将事件绑定(bind)到 DOM。
$( document ).ready(function() {
// Content here
});
关于javascript - 我的代码在 codepen 中有效,但在网站中无效,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34667198/