为什么微小的Scrollbar jQuery插件中的更新方法在这个脚本中不起作用?

时间:2011-04-17 12:26:26

标签: jquery jquery-plugins scrollbar tinyscrollbar

我在div上使用tinyScrollbar Jquery插件http://baijs.nl/tinyscrollbar/,在页面加载时显示:none所以我必须使用更新方法,当它变得可见时(如文档所示)但更新方法不工作..这是代码:

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

注意:当我在页面上加载div时显示:阻止它正常工作。

3 个答案:

答案 0 :(得分: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 :(得分:-1)

你应该这样做:

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

答案 2 :(得分:-1)

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