Javascript禁用引导4中的模式弹出按钮

jsiddle演示：

我需要这个JS代码，以便在单击时能够打开整个DIV。但是，这将禁用下拉列表中的模式按钮。它不会再打开模态了

我该怎么办

HTML:

添加以下内容：

$(".dropdown-item[data-target='#modal']").click(function(){
    $("#modal").modal("show");
});

演示：

---

并在单击事件$（this.attr（“disabled”），中添加属性disbaled@rrsantos有必要吗？是的，因为问题是Javascript在bootstrap 4中禁用模式弹出按钮，他想在模式按钮被单击时禁用该按钮，并且不再能够单击。@rrsantos。我不这么认为。啊，好吧，我误解了这个问题

$('.dropdown').click(function(event) {
  $(this).children(".dropdown-menu").toggle()
  event.stopPropagation();
})

$(".dropdown-item[data-target='#modal']").click(function(){
    $("#modal").modal("show");
});