如果链接以 #

Question

How can I run this code on all links URL except links that start with # like bootstrap collapse, modal links etc.?

$(function(){
    $("a").click(function() {
        $(".se-pre-con").fadeOut("slow");
        $(this).after("<div class='se-pre-con text-center pp500'><i class='fa fa-list fa-spin fa-5x fa-fw text-color1'></i></div>").fadeIn(); 
    });
});

Answer 1

You can simply check the first character to make sure it isn't #.

$(function() {
  $("a").click(function() {
    if ($(this).attr("href").substr(0, 1) != "#") {
      $(".se-pre-con").fadeOut("slow");
      $(this).after("<div class='se-pre-con text-center pp500'><i class='fa fa-list fa-spin fa-5x fa-fw text-color1'></i></div>").fadeIn();
    }
  });

});

Answer 2

You can use the not selector in jquery. Example:

 $(function(){ $("a:not([href='#'])").click(function(e){ e.preventDefault(); alert("You clicked me;"); }); });

 a { display: block }

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <a href="link">Click Me!</a> <a href="link">Click Me Also!</a> <a href="link">Me Too!</a> <a href="#">Don't CLick me please!</a> <a href="#">Don't Click me!</a>

note: preventDefault stops the link from opening

Answer 3

Just use CSS negation and prefix attribute selector:

    $('a:not([href^="#"])').click(...)