jQuery/JS - Wie kann ich <a> mit spezifischen href in Bedingungen ausschließen?

Question

Ich versuche, spezifische <a> in if-Anweisung auszuschließen, basierend auf ihren href Werten. Genauer gesagt zeige ich einen preloader div, wenn auf irgendwas geklickt wird, außer auf diejenigen, die javascript auslösen oder enthalten. Dadurch sehen meine Benutzer einen schönen Bildschirm, während sie auf das Laden der Seite warten.

Ich habe diese kleine js Dinge geschrieben:

$('a').click(function() { 
    var href = $(this).attr('href'); 

    //my conditions 
    if ((href != '#') || (href != 'javascript:void(0);')) { 
    $('#preloader').fadeIn("fast"); 
    } 
}); 

//Showing preloader 
$(window).load(function() { 
    $('#preloader').fadeOut("slow"); 
}); 

Meine Anweisung funktioniert ohne Links # enthalten, aber für diejenigen mit javascript:void(0);, tut es nicht statt. Das ist mein Problem. Was mache ich falsch? Gibt es einen Fehler in der Anweisung oder in den Werten?

Answer 1

Es gibt zwei unmittelbare Ansätze, die ich das Problem mit dem angegebenen Code zu adressieren denken kann:

1. Ihre Bedingungen falsch sind.

$('a').not('[href="#"]').not('[href="javascript:void(0);"]).click(function() { 
    $('#preloader').fadeIn("fast"); 
}); 

Siehe jQuery Attribute Not Equal Selector: if((href != '#') || (href != 'javascript:void(0);')) sollte aus der Abfrage selbst if(href != '#' && href != 'javascript:void(0);')

Optimal ausschließen irrelevant Elemente sein.

Answer 2

Diese Antwort kann jemand helfen .. und eine andere Art und Weise

if($(this).is(':not([href^="#"]):not([href^="javascript:"])')){ 
    $('#preloader').fadeIn("fast"); 
} 

$('a').on('click',function(e){ 
 
\t e.preventDefault(); 
 
\t if($(this).is(':not([href^="#"]):not([href^="javascript:"])')){ 
 
    \t alert('Good'); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a href="javascript:void(0);"> 
 
    click 
 
</a><br /> 
 
<a href="#"> 
 
    click 
 
</a><br /> 
 

 
<a href="go"> 
 
    click 
 
</a><br />