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