Preciso carregar um "fake loader" quando um link no menu é acionado, porém neste menu alguns links são vazios <a href="javascript:;">
ou <a href="#">
, preciso identificar apenas estes via javascript e não abrir o "loader".
Não posso adicionar nada no menu (id, classe, etc...).
$( "a" ).click(function() {
$( "#loader" ).fadeIn( "slow" );
});
#loader{ width: 100%; height:100%; display: none; background-color:rgba(255,255,255,0.6); position: fixed; top: 0; left: 0; z-index: 2 }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="loader"><img src="images/loader.gif" width="100px" height="100px" style="margin-left: 45%; margin-top: 20%;" /></div>
<nav>
<ul>
<li><a href="#">Vazio 1</a> <- Não pode Funcionar</li>
<li><a href="javascript:;">Vazio 2</a> <- Não pode Funcionar</li>
<li><a href="linkcerto">Link correto</a></li>
</ul>
</nav>
O motivo do problema é o desenvolvedor back-end do site em que estou mexendo simplesmente ter sumido, por isso não tenho como mexer no código-fonte diretamente, apenas no java-script.