Question

假设我有一些代码如下：

<a href="www.foobar.com" class="special-click">
   Content here
</a>

$( ".special-click" ).click(function(event) {
  event.preventDefault();
  // Do other stuff
});

假设加载了jQuery库，我的jQuery是否保证在页面转换之前运行？换句话说，是否保证在上面的例子中用户永远不会被带到www.foobar.com？如果没有，有没有办法在不添加html onclick属性的情况下添加该行为？

Answer 1

如果您希望得到保证，请在$（文件）.ready（function（）{}）中阻止此点击事件代码;

Answer 2

<html>
<head>
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>

<script>

    $(document).ready(function () {

        $(".special-click").click(function (event) {
            event.preventDefault();
            alert("test")
        });

 });  
</script>
</head>
<body>

 <a href="www.foobar.com" class="special-click">
   Content here
</a>

</body>
</html>

jQuery onClick on link element

2 个答案: