Question

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

我正在使用jQuery创建手风琴

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

var auto_refresh = setInterval(function() {
    $('#divFirstTab').fadeOut('fast').load('/home/refresher/').fadeIn("slow");
}, 15000);

当我展开第一个标签时，它似乎正确刷新页面，但当我在第二个标签页（用户可能在此页面上花费一些时间）时，15秒后，它刷新第一个标签并展开两个标签第一个和第二个标签，我只想扩展第二个页面。

如果隐藏了第一个标签，我的想法是忽略自动刷新功能。如何确定第一个选项卡是隐藏还是扩展？

Answer 1

检查div是否具有 ui-accordion-content-active 类

$(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);

隐藏手风琴的自动刷新标签

1 个答案: