simplificando un poco el codigo por que es muy extenso tengo este html <div class="quantity buttons_added"> <input type="number" size="4" class="input-text qty text" title="Qty" value="1" min="0" step="1" name="cantidad_{{$contador}}"> <a href="" class="btn btn-warning actualizaCantidad_{{$contador}}" data-linkcarrito="{{url('/carrito/'.$elementocarrito->slug)}}" data-cantidadidentificador="{{$contador+1}}"><i class="fa fa-refresh"></i></a> </div> Este codigo es dinamico, por lo que en query quiero que seleccione todas las clases que empiecen con "actualizaCantidad" y una vez seleccionados al darle a cada link individual obtenga una cantidad y un link, y me redireccione a ese mismo link, el problema es que cuando le doy click, nunca hace el preventDefault(), siempre me acaba cargando la pagina. He probado poniendo # en los links, con javascript:void() y con esto consigo evitar la ejecucion de la pagina, pero no me redirecciona a ningun sitio. He probado con e.preventDefault(); con e.stopPropagation(); y con return false y mismo resultado. He probado alert('JQUERY FUNCIONA '); para ver si me lo carga al inicio de la pagina y lo carga perfectamente, por lo que algun error de no cargar bien jquery queda descartado. ¿Alguna idea? $('document').ready(function(){ alert('JQUERY FUNCIONA '); $('a[class^="actualizaCantidad"]').click(function(e) { e.preventDefault(); e.stopPropagation() var cantidad = $(this).data("cantidadidentificador"); var href = $(this).data("linkcarrito"); //$(location).attr("href", href); window.location.href = href; //alert(cantidad+' '+ href); }); });