在Twitter中觸發事件引導程序的輪播

Question

一旦輪播滑動，我想向ID myCarousel以外的輸入添加值。

的功能，一旦已滑動旋轉木馬是這樣實現的事件：

$('#myCarousel').bind('slid', function() { 
    $('input[name=linkOnly]').val('Test') 
} 

我想火一旦特定滑滑梯的事件。我試過類似$('#myCarousel li[data-slide-to=1]').bind('slid', function() ...但它沒有註冊。

任何幫助表示讚賞，謝謝。

Answer 1

您可以在適當的事件上設置一個事件處理程序，然後根據哪個幻燈片是.current來做任何事情。例如，觸發一些javascript幻燈片1個週期時：

$(document).on("slid", function(event) { 
    if ($(event.target).find(".active").data("slide-to") == 1) { 
    // do stuff 
    } 
}); 

從一個簡單的測試，這似乎並沒有工作，除非它附着在傳送帶上方的元素（你也只需要修改的東西如果你有一個以上的旋轉木馬，一點點）。

編輯：咋一看後，原因上面並沒有被綁定至轉盤本身的工作是，active類不添加，直到觸發slid事件後立即（似乎是，如果處理程序被添加到父元素，active類被添加，而slid事件冒泡）。您可以通過使用setTimeout延遲觸發行爲，解決這個（工作，即使有0超時）：

$("#myCarousel").on("slid", function(event) { 
    var carousel = $(event.target); 
    setTimeout(function() { 
    if (carousel.find(".carousel-indicators .active").data("slide-to") === 1) { 
     // do stuff 
    } 
    }, 0); 
}); 

是否額外的代碼是值得的，是你的，儘管它可能是一個小更穩定。它甚至可能是一個小延遲（而不是0），以確保事情按照您期望的方式工作。