手風琴響應式選項卡式內容 - 點擊選項卡時手風琴關閉

我已經設置了三欄以轉移到小型屏幕的手風琴中。我使用推薦的方法在這裏： Responsive content to accordion 手風琴響應式選項卡式內容 - 點擊選項卡時手風琴關閉

我的問題是，當你點擊一個選項卡，我標籤的手風琴（使用這些基金會標籤）和，一中的內容，而不是僅僅顯示的該選項卡的內容會關閉手風琴。我認爲劇本（下文）只允許h3切換手風琴，但顯然不是。或者，也許基礎腳本是壓倒性的？有任何想法嗎。

這裏是手風琴腳本：

$(function(){ 

    var winIsSmall; 
    $(window).on('load resize', homeAccordion); 

    function homeAccordion() { 
    winIsSmall = window.innerWidth < 641; 
    $('.columns .mobslider').toggle(!winIsSmall); 
    } 

    $('.columns').find('h3').click(function() { 
    if(winIsSmall){ 
     $(this).parent().find('.mobslider').stop().slideToggle(); 
    } 
    }); 

});

這裏是這個問題在小屏幕尺寸瀏覽網頁時： http://www.easternflorida.edu/ 點擊「日曆」，然後選擇日曆內容的過濾器（如田徑。）

非常感謝你的時間！

來源

2014-09-22 MsMaryMak

'未捕獲的ReferenceError：winIsSmall未定義' – 2014-09-29 20:00:43

認識到它是我使用的標籤上的回調導致了問題。有什麼我可以補充的，這將保持手風琴開放？ – MsMaryMak 2014-10-14 21:36:27

發現這裏發生了什麼。我用了一個回調函數張貼在這裏： https://github.com/zurb/foundation/issues/4611

它是調整窗口的大小，並導致切換的div恢復到默認狀態。

我只是改變了回調，從這樣的：

$(document).foundation({ 
    tab: { 
    callback : function (tab) { 
     $(window).trigger('resize'); 
    } 
    } 
});

這樣：

$(document).foundation({ 
    tab: { 
    callback : function (tab) { 
     $(document).foundation('equalizer'); 
    } 
    } 
});

由於在這個基礎後，最後評議。

來源

2014-10-14 21:51:17 MsMaryMak

手風琴響應式選項卡式內容 - 點擊選項卡時手風琴關閉

回答

相關問題