jQuery切换按钮不隐藏当前选择

时间:2011-11-24 10:53:05

标签: javascript jquery toggle

我花了好几个小时试图解决这个问题而且我不能,所以如果你认为你得到了什么,请帮我一把。

我正在编写jQuery代码以在Web应用程序中添加删除按钮(iphone样式)。但是,当你第二次刷它时,我不能让它隐藏当前刷过的删除(意图隐藏它)。当你在别处滑动时,它会隐藏前一个。

这是使用click而不是swipe的代码的jsfiddle示例。您会注意到,如果您在li上单击两次,它将不会隐藏删除。但是,如果你单击eslewhere它。

真正的代码是

$("li.swipeDelete").live("swipe",function(){
        var $th_btn = $(this).find(".aDeleteBtn");
        $(".aDeleteBtn").removeClass("fadeInLeft");
        $th_btn.toggleClass("fadeInLeft");
    });

谢谢:)

1 个答案:

答案 0 :(得分:0)

我很抱歉杀了这个派对,但是在我添加它之后就找到了它。之后移动removeClass,只有在已经有类slideLeft且它不是当前元素的情况下才删除该类。

var $th_btn = $(this).find(".aDeleteBtn");
$th_btn.toggleClass("fadeInLeft");
$(".aDeleteBtn.fadeInLeft").not($th_btn).removeClass("fadeInLeft");

我希望这可以作为参考。我还将制作一个jquery插件,这样每个人都可以享受这个伟大的功能。