时间戳

首页 > 解决方案 > 我的 jQuery 代码不响应按钮点击

javascript - 我的 jQuery 代码不响应按钮点击

问题描述

我一直在尝试使用 jQuery 来在我打开的同一页面上写一些文本。我插入了一个按钮，但它在我的 Django 服务器上不起作用。在做了一些研究之后，我注意到该代码在某些服务器上有效，而在其他服务器上无效。

例如，我写了下面的代码片段，可能会注意到按钮可以在上面工作，但是当我把它带到我的服务器或repl.it时，第一个按钮永远不会工作。

我打算完全使用第一个按钮示例来生成我的代码。谁能帮我澄清上述按钮有时不起作用的原因？

$("#sentiment_training").click(function(){
    /* This is a work in progress yet */
    alert("Using jQuery in a File");
});
<html>
<head>

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>

<script src="script.js"></script>

<script>
function myFunction() {
  alert("Alert with inline script");
};

$("#sentiment_training3").click(function(){
    /* This is a work in progress yet */
    alert("Using jQuery Inline");
});
</script>
</head>
<body>

<button id="sentiment_training" name="sentiment_training" class="btn btn-primary mb-2">jQuery in a file</button>


<button id="sentiment_training2" name="sentiment_training2" class="btn btn-primary mb-2" onclick="myFunction()">JavaScript Inline!</button>

<button id="sentiment_training3" name="sentiment_training3" class="btn btn-primary mb-2">jQuery Inline</button>
   
</body>
</html>

标签： javascriptjquery

解决方案

这不起作用的原因是该文档尚未在脚本的运行时加载。将脚本移到末尾body是一种解决方案。您还可以创建一个事件，该事件将在文档加载时触发并在之后运行您的脚本。

推荐阅读