2011-04-17 46 views
1

我正在頁面加載div上使用tinyScrollbar Jquery插件http://baijs.nl/tinyscrollbar/顯示:無所以我必須使用更新方法時,它是可見的(如文檔說),但更新方法不工作..這裏是代碼:爲什麼微型Scrollbar jQuery插件中的更新方法在這個腳本中不起作用?

$("#list-scrollbar").tinyscrollbar(); 
$(".playlist-drop-btn").click(function(){ 
       $(".audio .drop").slideToggle(200); 
       $(".playlist-drop-btn").toggleClass("up"); 
       $("#list-scrollbar").update(); 
      }); 

注意:當我在頁面加載顯示div:阻止它正常工作。

+0

不要忘記將你的tinyscrollbar js更新到最新版本。 'tinyscrollbar_update()'在2011年之前不可用。 – Haluk 2011-09-27 14:48:25

+0

@Haluk和現在tinyscrollbar_update在最新版本中不可用。 – NoBugs 2017-02-12 08:40:05

回答

-1

你應該這樣做:

var oScrollbar = $("#list-scrollbar"); 
oScrollbar.tinyscrollbar(); 
$(".playlist-drop-btn").click(function(){ 
       $(".audio .drop").slideToggle(200); 
       $(".playlist-drop-btn").toggleClass("up"); 
       oScrollbar.update(); 
      }); 
+1

使用oScrollbar.tinyscrollbar_update();而不是oScrollbar.update(); – Chetan 2012-06-04 07:44:27

+1

此外,聲明匿名函數之外的oScrollBar將不起作用。上下文更改並且對滾動條的訪問權限丟失。 – 2013-01-23 14:15:22

3

你需要調用的函數是tinyscrollbar_update()

$("#list-scrollbar").tinyscrollbar(); 
$(".playlist-drop-btn").click(function(){ 
      $(".audio .drop").slideToggle(200); 
      $(".playlist-drop-btn").toggleClass("up"); 
      $("#list-scrollbar").tinyscrollbar_update(); 
     }); 

它是在最底部上市的主頁:http://baijs.nl/tinyscrollbar/

-1
var $scrollbar= $('#list-scrollbar'); 
$scrollbar.tinyscrollbar(); 
var scrolbar1=$scrollbar.data("plugin_tinyscrollbar"); 
scrollbar1.update(); 
+0

你能解釋一下你的解決方案嗎?問題是什麼以及你的解決方案如何解決它?這是爲了尋找相同或相似問題的其他用戶的進一步參考 – 2015-12-08 10:05:03

相關問題