jquery - 为什么小 Scrollbar jQuery 插件中的更新方法在此脚本中不起作用？

Question

我在页面加载的 div 上使用 tinyScrollbar Jquery 插件http://baijs.nl/tinyscrollbar/有 display:none 所以当它可见时我必须使用更新方法（如文档所述）但是更新方法不起作用..这是代码：

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

注意：当我在页面加载 display:block 上制作 div 时，它可以正常工作。

Answer 1

您需要调用的函数是 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/

Answer 2

你应该做这个：

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

Answer 3

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