2014-02-12 41 views
0

我有一些jQuery選項卡。有一個插件用於製表符內的選項滾動窗格。當您點擊最初隱藏在頁面加載中的標籤時,它不起作用。我嘗試使用隱藏選擇器初始化插件,但沒有運氣。不能使用jquery插件:hidden div?

下面是代碼...

  $('.scroll-pane').jScrollPane({ 
       showArrows : true, 
       hideFocus : true 
      }); 
      $('.scroll-pane:hidden').jScrollPane({ 
       showArrows : true, 
       hideFocus : true 
      }); 

任何想法,爲什麼它不會工作在隱藏層?

+1

http://jscrollpane.kelvinluck.com/invisibles.html –

回答

3

該插件無法初始化隱藏的元素 - 我認爲它與您有關,無法簡單計算隱藏元素的高度。一個簡單的解決辦法是初始化元素,當你表現出來,因此,例如:

tab_element.show().jScrollPane(); 

另一種選擇是使用autoReinitialise選項並將其設置爲true。這基本上設置了一個計時器,它會在設定的時間間隔內自動重新初始化對象。但這有點浪費,所以我會建議第一個選項。

鏈接到這個非常問題的文檔。 http://jscrollpane.kelvinluck.com/invisibles.html

+0

雖然這並不理想,但autoReinitialise的確讓我相信。出於某種原因,我們不能讓其他方法正常工作... 謝謝 – Sean

1

是什麼讓標籤可見?某種點擊或其他事件?嘗試在顯示選項卡的相同事件中設置滾動面板。這聽起來像插件選擇不操作隱藏的div。我想不出爲什麼簡單地被隱藏會阻止一些代碼改變div。

使用與上述相同的代碼,但也可以在使選項卡可見的事件中運行。