clickToggle 或切换jquery函数[重复]

Posted 2023-05-08

【中文标题】clickToggle 或切换jquery函数[重复]

【英文标题】：clickToggle or toggle jquery functions [duplicate]

【发布时间】：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 );
); );

谢谢

【参考方案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：这很好，但不如切换：/需要找到一种方法来使用切换或其他东西

但是你说的是api.jquery.com/toggle还是api.jquery.com/toggle-event???

第一个，现在脚本运行，所以框显示并消失，但之后我无法点击 mobile_bar 没有任何反应。这就是为什么我想让它像 api.toggle 一样工作

提供一个 jsFiddle 来复制您的问题，因为这不应该发生。无论如何，控制台中的任何错误？顺便说一句，你说的是第一个，但看起来你在谈论第二个，所以这真的很混乱......

抱歉，这些切换的东西不是我最喜欢的网络部分 :) 控制台没有错误，代码也很好，我看到你在脚本底部添加了切换，这部分不工作