Question

我在外部文件＆＃34; selectors.js＆＃34;

中有这段代码

$(document).ready(function(){
    $("#clickHere").click(function(){
        $("#hidingthis").show();
    });
});

这是相关的HTML：

<script src="https://code.jquery.com/jquery-2.2.2.min.js"></script>
<script src="static/js/selectors.js" ></script>

<div id="hidingthis" style="display:none"> Text here </div>

<button id="clickHere"> <strong> Click here </Strong> </buton>

在放入HTML文件中的脚本标记时效果很好。有任何想法吗？

Answer 1

尝试检查浏览器中的开发人员工具（F12）并查看网络和控制台选项卡。听起来你的脚本没有正确加载（或者在你的jQuery代码实际准备好之前它被引用）。

这可能是您的selectors.js文件路径错误的结果，之前的建议应该显示（通过404错误）。

Answer 2

您应该将脚本标记放在要显示的内容下方。这是因为您的HTML未加载

外部文件中的jQuery函数无法正常工作

2 个答案: