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

Question

我需要避免活动幻灯片的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;
    });
}); 

谢谢。

Answer 1

您可以使用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;
    });
});

Answer 2

您没有提供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;
            }

        });
    });