【问题标题】:clickToggle or toggle jquery functions [duplicate]clickToggle 或切换jquery函数[重复]
【发布时间】:2014-06-28 20:47:18
【问题描述】:

大家好,我创建了一个小代码来为框设置动画(显示、隐藏)并且我的代码有问题我找不到正确的解决方案...如果我创建一个简单的单击功能,它可以工作,但我不会创建两个不同的点击,所以我使用切换功能。

(我使用查询传输将框缩放到 0)

$(document).ready( function() {
$("#mobile_bar").clickToggle(function() {   
    $("#navigation_box").fadeIn(500);
},
function() {
    $("#navigation_box").transition({ scale: 0, delay: 500 });
}); });

谢谢

【问题讨论】:

    标签: jquery function jquery-animate toggle


    【解决方案1】:

    你可以使用:

    $(document).ready(function () {
        $("#mobile_bar").click(function () {
            var $navBox = $("#navigation_box").clearQueue();
            if (!$(this).data('toggle')) {
                $navBox.fadeIn(500);
            } else {
                $navBox.transition({
                    scale: 0,
                    delay: 500
                });
            }
            $(this).data('toggle', !$(this).data('toggle'));
        });
    });
    

    PS:不确定transition 插件是否使用fx 队列?!

    【讨论】:

    • A. Wolf:这很好,但不如切换:/需要找到一种方法来使用切换或其他东西
    • 第一个,现在脚本运行,所以框显示并消失,但之后我无法点击 mobile_bar 没有任何反应。这就是为什么我想让它像 api.toggle 一样工作
    • 提供一个 jsFiddle 来复制您的问题,因为这不应该发生。无论如何,控制台中的任何错误?顺便说一句,你说的是第一个,但看起来你在谈论第二个,所以这真的很混乱......
    • 抱歉,这些切换的东西不是我最喜欢的网络部分 :) 控制台没有错误,代码也很好,我看到你在脚本底部添加了切换,这部分不工作
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-02-11
    • 2023-04-10
    • 1970-01-01
    • 2016-07-17
    • 2017-08-04
    • 1970-01-01
    相关资源
    最近更新 更多