为什么关闭下拉列表，无论我点击打开的模态？

Question

我想问一些帮助。这是该页面：link 如果我点击第二个零售商的凭证按钮，页面会显示一些代码。当我点击＆＃34;获取优惠券代码＆＃34;一切都很好。代码将显示并且模式可见。

但是当我点击模态（.sweet-overlay，.sweet-alert或button）上的任何地方时， 下拉菜单很接近。 ：（

我尝试了一切，但仍然没有为我工作。例如：

$('.sweet-overlay').on({
    "click":function(e){
      e.stopPropagation();
    }
});

我认为这是最简单的解决方案，但为什么不工作？

提前感谢您提供可能的解决方案。

Answer 1

第一天我在你的网站上发现了一个问题，id应该是唯一的，我多次看到它，你能控制它吗？

<div id="myDropdown" class="dropdown keep-open">

尝试preventDefault

描述：如果调用此方法，则不会触发事件的默认操作。

$('.sweet-overlay').on({
    "click":function(e){
      e.preventDefault();
    }
});

Answer 2

尽量不要使用data-dismiss="modal"

你实际上可以通过使用组合来阻止关闭你的模态 preventDefault（），stopPropagation（）

    $('.sweet-overlay').on({
        "click":function(e){
          e.stopPropagation();
          e.preventDefault();
        }
    });