Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/google-apps-script/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
带内容加载器的Jquery滑块_Jquery - Fatal编程技术网

带内容加载器的Jquery滑块

带内容加载器的Jquery滑块,jquery,Jquery,嗨,伙计们 我是JQuery新手,我只是想知道是否有人能帮我解决这个问题,我几乎实现了我想要的。 请看这里: 所以我有一个不同标签的滑块。一旦用户点击滑块,它就会移动和交换标签。在每个选项卡中都有gif加载程序,它有点像加载数据(我知道这很奇怪,但这正是我需要做的)。该加载器仅在第一次加载页面时工作,但每次加载新选项卡时,我都需要执行该加载器。所以,当我从第一个选项卡移动到第二个选项卡时,我希望加载函数被执行,当我返回到第一个选项卡时,我希望该函数再次被执行。我希望这是有意义的 非常感谢您的帮

嗨,伙计们 我是JQuery新手,我只是想知道是否有人能帮我解决这个问题,我几乎实现了我想要的。 请看这里:

所以我有一个不同标签的滑块。一旦用户点击滑块,它就会移动和交换标签。在每个选项卡中都有gif加载程序,它有点像加载数据(我知道这很奇怪,但这正是我需要做的)。该加载器仅在第一次加载页面时工作,但每次加载新选项卡时,我都需要执行该加载器。所以,当我从第一个选项卡移动到第二个选项卡时,我希望加载函数被执行,当我返回到第一个选项卡时,我希望该函数再次被执行。我希望这是有意义的


非常感谢您的帮助。

您应该调用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);     
 }

切换选项卡时,我没有看到任何类型的加载动画。我认为现在应该可以了,我同意动画可能太多了,不能称之为;)谢谢Bjorn,你能不能给我演示一下如何在代码中实现这一点请,抱歉,正如我前面提到的,我是jqueryok的初学者,我正在调用slider中的setTimeout函数,但它不想交换那些div,请看这里