Question

我的外部js文件（example.js）：

alert("External js file has just been loaded !");

$("#start").click(function (e) {
    alert("Starting !");  
});

我的HTML文件有<script type="text/javascript" src="example.js"></script>。当我加载页面时，它会警告"External js file has just been loaded !"，这意味着js文件已成功加载。

但是，当我点击“开始”按钮时，它不会提醒"Starting !"。

当我将example.js文件的内容插入html文件时，它可以提醒"Starting !"：

<script>
    alert("External js file has just been loaded !");

    $("#start").click(function (e) {
        alert("Starting !");  
    });
</script>

如何解决外部js文件的问题？

Answer 1

确保您在jquery之前注明了example.js脚本。

例如：

<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="example.js"></script>

如果您收到任何错误，请检查您的控制台。

Answer 2

尝试使用"example.js"

在.ready()加载$.getScript()

$(function() {
  $.getScript("example.js")
})

Answer 3

我刚试过这个，一切似乎都运转良好。

＆＃13;

$(document).ready(function() {

  $("#world-button").click(function() {
    alert("Hello World");
  });

});

＆＃13;

<!DOCTYPE HTML>
<html>
<head>
  <meta charset="utf-8">
  <title>Demo</title>
</head>
<body>
  <button id="world-button">Hello World</button>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
</body>
</html>

＆＃13;

Answer 4

这是因为你没有在document.ready函数中编写click事件。应该在DOM准备就绪时写入事件。

$(document).ready(function(){
  $("#start").click(function (e) {
    alert("Starting !");  
  });
});

您可以在此处找到更多详细信息：https://learn.jquery.com/using-jquery-core/document-ready/

外部Js文件无法运行Jquery

4 个答案: