Jquery 隐藏手风琴的自动刷新选项卡

Jquery 隐藏手风琴的自动刷新选项卡,jquery,user-interface,accordion,Jquery,User Interface,Accordion,我用3个手风琴标签创建了主页。第一个选项卡每15秒刷新一次。第二个和第三个选项卡是快速搜索页面 我正在使用jQuery创建accordion $(function() { $( "#accordion" ).accordion(); }); var auto_refresh = setInterval(function() { $('#divFirstTab').fadeOut('fast').load('/home/refresher/').fadeIn("slow"); }

我用3个手风琴标签创建了主页。第一个选项卡每15秒刷新一次。第二个和第三个选项卡是快速搜索页面

我正在使用jQuery创建accordion

$(function() {
    $( "#accordion" ).accordion();
});

var auto_refresh = setInterval(function() {
    $('#divFirstTab').fadeOut('fast').load('/home/refresher/').fadeIn("slow");
}, 15000);
当我展开第一个选项卡时,它似乎可以正确地刷新页面,但当我在第二个选项卡时(用户可能会花一些时间在这个页面上),15秒后,它刷新第一个选项卡并展开第一个和第二个选项卡,我只希望第二个页面被展开


我的想法是,如果第一个选项卡被隐藏,则忽略自动刷新功能。如何确定第一个选项卡是隐藏还是扩展

检查div是否有ui手风琴内容处于活动状态

$(function() {
        $( "#accordion" ).accordion();
    });

    var auto_refresh = setInterval(
    function()
    {
        $div = $('#divFirstTab');
        if ($div.hasClass('ui-accordion-content-active'))
        {
           $div.fadeOut('fast').load('/home/refresher/').fadeIn("slow");
        }
    }, 15000);

没问题。既然这样做有效,你能用勾选按钮接受这个答案吗?:)