Javascript 两个OnClick事件重叠，导致第一个事件停止正常执行

我试图在一个已经在工作的代码中安装一个新的jQuery切换函数。基本上，切换函数应该通过onclick事件显示/隐藏下面的div form\u fields\u con

问题在于form\u fields\u con div包含AJAX功能，该功能也通过onclick事件触发

当表单_fields _condiv中的任何内容都未更改时，切换功能将工作，但单击后，切换功能将停止工作

这是切换功能：

$(document).ready(function() {
    $(".slidingDiv").hide();
    $(".show_hide_search").show();

    $('.show_hide_toggle').on('click', function(e) {
        e.preventDefault();

        var self = this,
        sliding = $(this).closest('div').next('.slidingDiv').slideToggle(function() {
            $($(self).children()[0]).text(function(_, txt) {
                return txt == "–" ? "+" : "–";
            });
        });
    });
});

这是包含在form_fields_con div中的AJAX：

在JSFIDLE中发布HTML和CSS，以避免发布时间过长：

注意：由于某些原因，我无法在JSFIDLE中模拟错误，对此表示歉意

---

如何防止两个onclick函数的冲突？

如果更改/重新创建保存onclick侦听器的DOM元素，解决问题的简单方法是事件委派：请参阅第二个参数

$('.slidingDiv').on('click', '.select_con_car', function() {
    alert('clicked');
});

---

这不是在控制切换功能的onClick吗？当底层dropbox触发onClick事件时，问题实际上就发生了，然后toggle函数的onClick停止执行。也许我理解错了。为了防止事件发生，有preventDefault和stopPropagation我已经厌倦了在内部onClick事件上应用不同版本的stopPropagation，但它们似乎都不起作用……这就是我需要帮助的原因：对不起，我找不到你，更令人困惑的是你不能为它创建小提琴

$('.slidingDiv').on('click', '.select_con_car', function() {
    alert('clicked');
});