So legen Sie spezifische Artikel Nummer pro Silde auf Caroysel mit jQuery

Question

Ich verwende Karussell, um Elemente anzuzeigen (Elemente von JSON geladen), aber ich brauche 4 Elemente pro Folie und nicht mehr angezeigt.Dies ist der Code, um Elemente anzuzeigen:

<div class="carousel slide" id="myCarousel1" data-interval="false"> 
    <div class="carousel-inner"> 
     <div class="item active"> 
     <ul class="thumbnails" id="output"> 
    </ul> 
</div> 

und das ist das jQuery-Skript Elemente zu laden:

$(function() { 
     $.ajax({ 
     url: 'ajax_json.php', 
     type: 'POST', 
     data: {get_param: 'value'}, 
     contentType: "application/json; charset=utf-8", 
     dataType: 'json', 
     success: function(data) { 
     $.each(data, function(index, item) { 
     $('#output').append('<li class="caption"><div class="col-md-3"><div class="item_img"><img src="' +item.image+ '" /></div><div class="item_title">"' +item.title+ '"</div><div class="item_descr">'+ item.description +'</div></div></li>'); 

     }); 
     } 
    }); 
}); 

dieser Code mehr als 4 Elemente pro Folie angezeigt wird, aber ich möchte nur 4.Any Ideen zeigen, wie ich dies tun kann?

Answer 1

Änderung der Erfolg Methode wie folgt:

success: function(data) { 
    $.each(data, function(index, item) { 
     if(index < 4){ 
      $('#output').append('<li class="caption"><div class="col-md-3"><div class="item_img"><img src="' +item.image+ '" /></div><div class="item_title">"' +item.title+ '"</div><div class="item_descr">'+ item.description +'</div></div> </li>'); 
     } 
    });