为什么我的jQuery引用不起作用？我是否错误地引用了该脚本？

Question

我正在尝试为html页面上的任意按钮编写单击事件。我在这里引用了jQuery和JavaScript文件：

<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="js/product-swap.js"></script>

和按钮在这里：

<button class="btn">Click Me</button>

我真的只是想在屏幕上显示警告来测试引用。 JavaScript的：

$('.btn').click(function() {
  console.log("STUPID LOG");
  alert("Won't you appear, please!?");
});

当我点击按钮时......没有任何反应。日志，控制台或警报窗口中不显示任何内容。

我知道这可能是一种随意而又愚蠢的东西，但我对JavaScript / jQuery还是比较陌生的，而且我正在为这个问题绞尽脑汁。

谢谢！

Answer 1

脚本后面的按钮是？如果是这样，那么您可以将按钮移动到脚本之前，或者将脚本包装在

中

$(function(){ /* Code goes here */ });

Answer 2

将你的JQuery行放在这里：

  $('#chats').on("click", ".username", function(e){
    $(this).next().css("font-weight", "bold");

  })

Answer 3

在您调用脚本时，HTML页面已准备就绪，请使用$(function(){...});将代码括起来，它将等到页面准备就绪。

$(function(){
  $('.btn').click(function() {
    console.log("STUPID LOG");
    alert("Fantastic, I will appear!");
  });
});

我还建议您将script标记放在HTML页面的末尾，可视元素的渲染速度会更快。

Answer 4

试试这个男人：

$kw = array('kq' => $_GET['kq'], 'kw' => $_GET['kw']);
echo $kw['kq'];

Answer 5

你也可以这样试试

function myFunction() {
    alert("I am an alert box!");
}

<button onclick="myFunction()">Click Me</button>