jquery - 将 tinyscrollbar 更新功能与 jquery onclick 事件一起使用的正确方法是什么？

Question

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

我正在尝试使用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");
    }
});

Answer 1

像这样使用 jQuery 的 tinyscrollbar：

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

我做了一些研究，发现可以使用以下方法访问“更新”功能：

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

Answer 2

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

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

这将解决您的问题:)