在jQuery的onclick事件中使用tinyscrollbar更新函數的正確方法是什麼？

我有一個狀態列表，顯示或隱藏點擊按鈕使用jQuery slideUp()和sideDown()函數。在jQuery的onclick事件中使用tinyscrollbar更新函數的正確方法是什麼？

我試圖用jquery tinyscrollbar到自定義滾動條添加到它。

我這裏有一個的jsfiddle：http://jsfiddle.net/ByteMyPixel/acLch/

我幾乎已經工作，但我堅持 - 在tinyscrollbar顯示在第二次點擊事件/ slideUp()代替slideDown()。

關於如何解決這個問題的任何想法，以使tinyscrollbar出現在slideDown()上，並在slideUp()上消失？

這裏是我的代碼：

var oScrollbar1 = $('#scrollbar1'); 
oScrollbar1.tinyscrollbar(); 

$("a.button").click(function() { 

oScrollbar1.tinyscrollbar_update(); 

    if ($("ul.scrolling").is(":hidden")) { 
     $("ul.scrolling").slideDown("slow"); 
    } else { 
     $("ul.scrolling").slideUp("slow"); 
    } 
});

來源

2013-03-05 ByteMyPixel

var oScrollbar1 = $('#scrollbar1'); 
    oScrollbar1.tinyscrollbar(); 

    $("a.button").click(function() 
    { 
     $("ul.scrolling").slideToggle("slow", function() 
     {        
      oScrollbar1.tinyscrollbar_update(); 
     }); 
    });

這將解決您的問題:)

來源

2013-03-07 20:57:02 Baijs

這是完美的，太感謝你了！@Baijs – ByteMyPixel 2013-03-07 21:01:18

不知道爲什麼我的編輯沒有理由@Steven給出的回滾。方法'tinyscrollbar_update'在版本1.81上工作，tinyscrollbar的版本2.0.3包含另一種更新方法'update'。 – 2014-03-11 20:27:35

使用tinyscrollbar jQuery的是這樣的：

var scroll = $("#add-widget-scroll").tinyscrollbar();

我做了一些研究，我發現使用此功能可以訪問「更新」功能：

$(scroll).data().plugin_tinyscrollbar.update();

來源

2014-10-06 09:14:47

有用的解決方案版本：2.1.9 – Argun 2015-02-11 09:03:59

在jQuery的onclick事件中使用tinyscrollbar更新函數的正確方法是什麼？

回答

相關問題