jQuery的滑塊與內容加載

Question

嗨 我是新來的JQuery我只是想知道如果任何人能幫助我這個問題我幾乎達到我想要的。 看一看這裏：

http://jsfiddle.net/meyson/EsfXD/

所以我有不同的標籤，滑塊。一旦用戶點擊滑塊，它將移動並交換標籤。在每個選項卡中都有gif加載器，它可以模擬加載數據（我知道它很奇怪，但這是我需要做的）。該加載器只在第一次加載頁面時才起作用，但是我需要在每次加載新選項卡時執行該加載器。所以當我從拳頭移動到第二個選項卡時，我想要執行加載函數，當我移回選項卡時，我希望再次執行該函數。我希望這是有道理的。

非常感謝您的幫助。

Answer 1

你應該叫的setTimeout（revealContent，7250）;在選擇功能中（每個幻燈片都會調用）。此外，您現在隱藏並顯示所有裝載者，但您只想隱藏並顯示點擊頁面上的裝載者。

好吧，試試這個它顯示的每個選項卡開關2秒的裝載機......如果你也想隱藏的內容首先應該揣摩出我們自己。

$(function() { 
$("#tabs").tabs({ 
    select: function(event, ui) { 
     $("#slider").slider("value", ui.index); 
     revealContent(ui.index+1);    
    } 
}); 
$("#slider").slider({ 
    min: 0, 
    max: $("#tabs").tabs("length") - 1, 
    slide: function(event, ui) { 
     $("#tabs").tabs("select", ui.value); 
     $(this).slide(); // fixes the animation 
    }, 
    animate: true 
}); 


}); 


jQuery(function() { 
    revealContent(1); 
}); 

function revealContent(id) { 
    jQuery('#tabs-'+id+' .loadingGifs').show(); 
    setTimeout(function(){ 
     jQuery('#tabs-'+id+' .loadingGifs').hide();  
    }, 2000);  
}