Question

我有一个状态列表，使用jquery slideUp()和sideDown()函数显示或隐藏单击按钮。

我尝试使用jquery tinyscrollbar向其添加自定义滚动条。

我在这里有一个jsfiddle：http://jsfiddle.net/ByteMyPixel/acLch/

我几乎让它工作了，但是卡住了 - 在第二次点击事件/ slideUp()而不是slideDown()上显示了tinyscrollbar。

有关如何解决此问题的任何想法，以便在slideDown()上显示tinyscrollbar，并在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");
    }
});

Answer 1

像这样使用tinyscrollbar进行jQuery：

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

我做了一些研究，发现＆＃34;更新＆＃34;可以使用以下方法访问函数：

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

Answer 2

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

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

这将解决您的问题：）

使用带有jquery onclick事件的tinyscrollbar更新函数的正确方法是什么？

2 个答案: