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 Jquery 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);
}); });