jQuery onClick on link元素

Question

Suppose I have some code like so: 假设我有一些像这样的代码：

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

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

Assuming that the jQuery library is loaded, is my jQuery guaranteed to run before the page transitions? 假设加载了jQuery库，我的jQuery是否保证在页面转换之前运行？ In other words, is it guaranteed that in the above example the user will never be taken to www.foobar.com? 换句话说，是否保证在上面的例子中用户永远不会被带到www.foobar.com？ If not, is there a way that I can add that behavior without adding an html onclick attribute? 如果没有，是否有一种方法可以添加该行为而无需添加html onclick属性？

Answer 1

如果你想保证，那么在$（document）.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元素

问题描述

2 个解决方案

解决方案1
0 2016-01-25 06:01:16

解决方案2
0 2016-01-25 06:04:56

jQuery onClick on link元素

问题描述

2 个解决方案

解决方案1 0 2016-01-25 06:01:16

解决方案2 0 2016-01-25 06:04:56

解决方案1
0 2016-01-25 06:01:16

解决方案2
0 2016-01-25 06:04:56