twitter引導動態輪播

Question

我想使用引導的輪播動態滾動內容（例如搜索結果）。所以，我不知道會有多少頁面的內容，我不想獲取後續頁面，除非用戶點擊下一個按鈕。

我看了這個問題：Carousel with dynamic content，但我不認爲答案適用，因爲它似乎建議從數據庫服務器端加載所有內容（在這種情況下的圖像），並返回一切爲靜態內容。

我最好的猜測是攔截按鈕上的點擊事件，使ajax調用搜索結果的下一頁，當ajax調用返回時動態更新頁面，然後爲傳送帶生成滑動事件。但是這些都沒有真正討論或記錄在引導頁面上。任何想法歡迎。

Answer 1

如果您（或其他人）仍在尋找這個解決方案，我將分享我發現了通過AJAX加載內容到引導旋轉木馬的解決方案..

的解決方案竟然是一點點因爲無法輕易確定旋轉木馬的當前幻燈片，所以很棘手。隨着一些數據的屬性，我能夠處理.slid事件（如你所說），然後裝入從使用jQuery $.load()另一個URL內容..

$('#myCarousel').carousel({ 
    interval:false // remove interval for manual sliding 
}); 

// when the carousel slides, load the ajax content 
$('#myCarousel').on('slid', function (e) { 

    // get index of currently active item 
    var idx = $('#myCarousel .item.active').index(); 
    var url = $('.item.active').data('url'); 

    // ajax load from data-url 
    $('.item').html("wait..."); 
    $('.item').load(url,function(result){ 
     $('#myCarousel').carousel(idx); 
    }); 

}); 

// load first slide 
$('[data-slide-number=0]').load($('[data-slide-number=0]').data('url'),function(result){  
    $('#myCarousel').carousel(0); 
}); 

Demo on Bootply