jQuery UI-切换幻灯片从右上角显示

jQuery UI - toggle slide appears from top right

本文关键字：右上角 显示 幻灯片 UI- jQuery      更新时间：2023-09-26

所以我使用jQuery UI库来尝试创建一个"滑入菜单"，就像在应用程序和许多其他移动网站上找到的那样。我正在使用切换功能来允许用户显示和隐藏它等。除了一件我不喜欢的事情，那就是它在屏幕右上角的显示方式，一切都很好。我想这可能会受到标准jQuery原点设置的影响？如果有人能指导我，那就太棒了，我只是希望它能水平滑动。这是我目前使用的代码：

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

我刚刚发现direction属性正好满足了我的需要。很抱歉浪费时间。解决方案：

    $(document).ready(function () {
    $("#sidebar").hide();
    $('#sidebar-trigger').click(function () {
        $("#sidebar").toggle('slide', { direction: 'right'}, 500);
    });
});
相关文章：