Skip to main content
se añadió 1 carácter en el cuerpo
Origen Enlace
KurodoAkabane
  • 533
  • 1
  • 8
  • 19

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 queryJquery 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);

    }); });

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

    }); });

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

    }); });
Origen Enlace
KurodoAkabane
  • 533
  • 1
  • 8
  • 19

Problemas con PreventDefault() y windows.location, me carga la pagina

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

    }); });