jQuery UI - 从右上角出现切换幻灯片

时间:2015-12-13 20:59:53

标签: javascript jquery html

所以我使用jQuery UI库尝试在菜单中创建一个幻灯片'喜欢在应用程序和许多其他移动网站上找到。我正在使用切换功能允许用户显示和隐藏它等。除了一件我不热衷的事情之外,这一切都正常工作,这就是它从屏幕的右上角出现的方式。我假设这可能会受到标准jQuery原点设置的影响?如果有人能指导我这将是太棒了,我只是想找到它水平滑动。这是我现在使用的代码:

$(document).ready(function () {

    $("#sidebar").hide();

    $('#sidebar-trigger').click(function () {
        $("#sidebar").toggle("slide");
    });

});

1 个答案:

答案 0 :(得分:1)

我刚刚发现方向属性正是我所需要的。抱歉浪费时间。解决方案:

    $(document).ready(function () {

    $("#sidebar").hide();

    $('#sidebar-trigger').click(function () {
        $("#sidebar").toggle('slide', { direction: 'right'}, 500);
    });

});