Saltar al contenido

Bootstrap Carousel con elementos dinámicos no se desliza

Hola, tenemos la solución a lo que buscas, desplázate y la hallarás aquí.

Solución:

¡Eliminar los datos del carrusel y luego activarlos nuevamente hace el trabajo!

$("#main-navigation-carousel").carousel("pause").removeData();
$("#main-navigation-carousel").carousel(target_slide_index);

Dado que el carrusel no debe deslizarse automáticamente, es importante utilizar .carousel("pause").removeData().

Prueba esto :



//json data result = ["id_img": 17,"img_filename": "ca0d8455-2702-4560-a444847429e36670.jpg","id_img": 18,"img_filename": "eb0c6c77-fbd7-4f2c-bf22-10c874eefbf6.jpeg","id_img": 19,"img_filename": "e7568c87-babb-4049-aed6-27b97866a817.png"]
    var x = $.getJSON('../Json/GetImage', function (data) 
      $("#myCarousel").carousel("pause").removeData();
      var content_indi = "";
      var content_inner = "";
      $.each(data, function (i, obj) 
        content_indi += '
  • '; content_inner += '
    '; ); $('#car_id').html(content_indi); $('#car_inner').html(content_inner); $('#car_inner .item').first().addClass('active'); $('#car_indi > li').first().addClass('active'); $('#myCarousel').carousel(); );

    Te mostramos reseñas y calificaciones

    Si te gustó nuestro trabajo, puedes dejar un enunciado acerca de qué te ha parecido esta división.

    ¡Haz clic para puntuar esta entrada!
    (Votos: 0 Promedio: 0)



    Utiliza Nuestro Buscador

    Deja una respuesta

    Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *