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);  
}