Question

请打开此网站，然后单击标题https://cashadvanceofmanhattan.com右上角的+，将在左侧打开一个带有表单的侧栏。

在单击侧边栏上的其他位置，在滚动时以及在特定时间后，我都会关闭侧边栏。

点击侧边栏中ID为Call Me的按钮customsubmit2时，侧边栏处于关闭状态，我不知道为什么。

我尝试将<button>元素更改为<a>：

<a href="#" id="customsubmit2" class="" name="customsubmit">Call Me</a>

即使<span>和<label>仍然相同。

以及以下Js / jQuery代码：

$('#customsubmit2').click(function(e){
    e.preventDefault();
    e.stopPropagation();
    //This open class is added to the div with id slidingarea to open the sidebar
    $('#slidingbar-area').addClass('open');
});

我试图检查单击按钮时执行了哪些功能，或者是否所有按钮都具有功能，但是找不到此类功能。

单击侧栏上的其他位置时，侧栏没有关闭，只有按钮，我不知道为什么。

如何防止单击按钮Call Me时关闭侧边栏？

更新，我找到了此代码

function slidingBarHandling() {
    var a = jQuery(".fusion-sliding-bar-area"),
        b = a.children(".fusion-sliding-bar");
    a.hasClass("open") ? (a.removeClass("open"), jQuery(".fusion-icon-sliding-bar").removeClass("fusion-main-menu-icon-active"), jQuery("body").removeClass("fusion-sliding-bar-active"), (a.hasClass("fusion-sliding-bar-position-top") || a.hasClass("fusion-sliding-bar-position-bottom")) && b.slideUp(240, "easeOutQuad")) : jQuery(this).hasClass("fusion-sb-close") || (a.addClass("open"), jQuery(".fusion-icon-sliding-bar").addClass("fusion-main-menu-icon-active"), jQuery("body").addClass("fusion-sliding-bar-active"), (a.hasClass("fusion-sliding-bar-position-top") || a.hasClass("fusion-sliding-bar-position-bottom")) && b.slideDown(240, "easeOutQuad"), setTimeout(function() {
        "function" == typeof jQuery.fn.reinitializeGoogleMap && b.find(".shortcode-map").each(function() {
            jQuery(this).reinitializeGoogleMap()
        }), b.find(".fusion-carousel").length && "function" == typeof generateCarousel && generateCarousel(), b.find(".fusion-portfolio").each(function() {
            var a = jQuery(this).find(".fusion-portfolio-wrapper"),
                b = a.attr("id");
            b && (a = jQuery("#" + b)), a.isotope()
        }), b.find(".fusion-gallery").each(function() {
            jQuery(this).isotope()
        }), "function" == typeof jQuery.fn.fusionCalcFlipBoxesHeight && b.find(".fusion-flip-boxes").not(".equal-heights").find(".flip-box-inner-wrapper").each(function() {
            jQuery(this).fusionCalcFlipBoxesHeight()
        }), "function" == typeof jQuery.fn.fusionCalcFlipBoxesEqualHeights && b.find(".fusion-flip-boxes.equal-heights").each(function() {
            jQuery(this).fusionCalcFlipBoxesEqualHeights()
        }), "function" == typeof jQuery.fn.equalHeights && b.find(".fusion-fullwidth.fusion-equal-height-columns").each(function() {
            jQuery(this).find(".fusion-layout-column .fusion-column-wrapper").equalHeights()
        }), b.find(".crossfade-images").each(function() {
            fusionResizeCrossfadeImagesContainer(jQuery(this)), fusionResizeCrossfadeImages(jQuery(this))
        }), b.find(".fusion-blog-shortcode").each(function() {
            jQuery(this).find(".fusion-blog-layout-grid").isotope()
        }), b.find(".fusion-testimonials .reviews").each(function() {
            jQuery(this).css("height", jQuery(this).children(".active-testimonial").height())
        }), "function" == typeof calcSelectArrowDimensions && calcSelectArrowDimensions(), jQuery(window).trigger("resize")
    }, 350))
}
jQuery(document).ready(function() {
    jQuery(".fusion-sliding-bar-area.open-on-load").length && (slidingBarHandling(), jQuery(".fusion-sliding-bar-area").removeClass("open-on-load")), (jQuery(".fusion-sliding-bar-area").hasClass("fusion-sliding-bar-position-right") || jQuery(".fusion-sliding-bar-area").hasClass("fusion-sliding-bar-position-left")) && jQuery(".fusion-sliding-bar-content-wrapper").limitScrollToContainer(), "menu" !== jQuery(".fusion-sliding-bar-area").data("toggle") && (Modernizr.mq("only screen and (max-width: " + jQuery(".fusion-sliding-bar-area").data("breakpoint") + "px)") ? (jQuery(".fusion-sliding-bar-area").removeClass("fusion-sliding-bar-toggle-" + jQuery(".fusion-sliding-bar-area").data("toggle")), jQuery(".fusion-sliding-bar-area").addClass("fusion-sliding-bar-toggle-triangle")) : (jQuery(".fusion-sliding-bar-area").removeClass("fusion-sliding-bar-toggle-triangle"), jQuery(".fusion-sliding-bar-area").addClass("fusion-sliding-bar-toggle-" + jQuery(".fusion-sliding-bar-area").data("toggle"))), jQuery(window).on("fusion-resize-horizontal", function() {
        Modernizr.mq("only screen and (max-width: " + jQuery(".fusion-sliding-bar-area").data("breakpoint") + "px)") ? (jQuery(".fusion-sliding-bar-area").removeClass("fusion-sliding-bar-toggle-" + jQuery(".fusion-sliding-bar-area").data("toggle")), jQuery(".fusion-sliding-bar-area").addClass("fusion-sliding-bar-toggle-triangle")) : (jQuery(".fusion-sliding-bar-area").removeClass("fusion-sliding-bar-toggle-triangle"), jQuery(".fusion-sliding-bar-area").addClass("fusion-sliding-bar-toggle-" + jQuery(".fusion-sliding-bar-area").data("toggle")))
    }))
}), jQuery(window).load(function() {
    jQuery(document.body).on("click", ".fusion-sb-toggle, .fusion-icon-sliding-bar, .fusion-sb-close", function(a) {
        a.preventDefault(), slidingBarHandling()
    })
}), jQuery(window).load(function() {
    jQuery(".fusion-modal").bind("show.bs.modal", function() {
        var a, b = jQuery(".fusion-sliding-bar");
        setTimeout(function() {
            b.find(".fusion-testimonials").length && (a = b.find(".fusion-testimonials .reviews").children(".active-testimonial"), b.find(".fusion-testimonials .reviews").height(a.height()))
        }, 350)
    })
});

Answer 1

我在您的页面中使用以下代码进行了测试。尝试在您的页面中添加它会起作用

$('#customsubmit2').click(function(e){

                e.stopImmediatePropagation();
                e.preventDefault();
    });

防止在单击侧边栏中的按钮时关闭侧边

1 个答案: