javascript - 单击链接时显示警报

Question

我试图在像这样使用 jQuery 单击链接时显示警报..

$(document).ready(function() {
  
  
 $(".nav_link").click(function() {
			alert('clicked');
		});

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<a class="navlink" id="navlink1" href="#">
  Link 1
</a>
<a class="navlink" id="navlink2" href="#">
  Link 2
</a>
<a class="navlink" id="navlink3" href="#">
  Link 3
</a>

由于某种原因它不起作用，有人能发现我做错了什么吗？

Answer 1

您没有类名为 nav_link 的元素。使用 navlink 代替:

$(document).ready(function() {
  $(".navlink").click(function() {
    alert('clicked');
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<a class="navlink" id="navlink1" href="#">Link 1</a>
<a class="navlink" id="navlink2" href="#">Link 2</a>
<a class="navlink" id="navlink3" href="#">Link 3</a>