幻灯片处于活动状态时如何避免jquery切换?

时间:2014-08-25 09:29:43

标签: jquery

如果单击打开的幻灯片,我不需要为活动的slide.suppose避免jquery切换。不应该执行任何操作。

这是我的代码

jQuery(document).ready(function(){
    jQuery(".review-title").click(function(){
      jQuery(".review-details").slideUp();
      jQuery(this).next(".review-details").slideToggle("slow");
      jquery(this).toggleClass("active");return false;
    });
}); 
谢谢。

2 个答案:

答案 0 :(得分:0)

您可以使用hasClass()

检查活动类是否已添加到元素中
jQuery(function ($) {
    $(".review-title").click(function () {
        var $this = $(this);
        //if the item has the class active don't do anything
        if (!$this.hasClass('active')) {
            $(".review-details").slideUp();
            $this.next(".review-details").slideToggle("slow");
            $this.addClass("active");
        }
        return false;
    });
});

答案 1 :(得分:0)

您没有提供您的HTML代码,因此我无法理解您的问题。但我认为这段代码可以帮到你

    jQuery(document).ready(function(){

        jQuery(".review-title").click(function(){
            if(!$(this).hasClass("active")){
                jQuery(".review-details").slideUp();
                jQuery(this).next(".review-details").slideToggle("slow");
                jquery(this).toggleClass("active");
                return false;
            }


        });
    });