jQuery onClick on link element

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? In other words, is it guaranteed that in the above example the user will never be taken to www.foobar.com? If not, is there a way that I can add that behavior without adding an html onclick attribute?

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 element

Question

2 answers

solution1
0 2016-01-25 06:01:16

solution2
0 2016-01-25 06:04:56

jQuery onClick on link element

Question

2 answers

solution1 0 2016-01-25 06:01:16

solution2 0 2016-01-25 06:04:56

solution1
0 2016-01-25 06:01:16

solution2
0 2016-01-25 06:04:56