外部文件中的jQuery函数不起作用

jQuery function in external file not working

本文关键字：函数 不起作用 jQuery 文件 外部      更新时间：2024-02-16

我在外部文件"selecter.js"中有这段代码

$(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文件中的脚本标记中时，它可以完美地工作。有什么想法吗？

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

这可能是由于selectors.js文件的路径不正确造成的，前面的建议应该会显示（通过404错误）。

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

相关文章：