Cuando pincho en a href no me lleva al sitio al tener e.preventDefault(); pero si que me realiza el efecto configurado. Cuando quito e.preventDefault(); me funciona los href pero no me funciona el efecto. Me gustaría que funcionaran las dos cosas al mismo tiempo.
<div class="nav-lang">
<div id="selector"></div>
<a id="langEsp" href="<?= $_SERVER['PHP_SELF']; ?>?la=esp">ES</a>
<a id="langCat" href="<?= $_SERVER['PHP_SELF']; ?>?la=cat">CA</a>
<a id="langEng" href="<?= $_SERVER['PHP_SELF']; ?>?la=eng">EN</a>
</div>
$(document).ready(function(){
$("#langEsp").click(function(e){
e.preventDefault();
$("#selector").addClass("selector0");
$("#selector").removeClass("selector2");
$("#selector").removeClass("selector1");
});
$("#langCat").click(function(e){
e.preventDefault();
$("#selector").addClass("selector1");
$("#selector").removeClass("selector0");
$("#selector").removeClass("selector2");
});
$("#langEng").click(function(e){
e.preventDefault();
$("#selector").addClass("selector2");
$("#selector").removeClass("selector1");
$("#selector").removeClass("selector0");
});
});