Question

我在HTML表格中使用了可折叠的div选项

<table>
  <tr data-toggle="collapse" data-target="#@item.PendingRequest.TicketNumber" class="collapsed>
     <button onclick=" popupload(); "> </button>
  </tr>
  <tr>
     <div class="collapse " id="@item.PendingRequest.TicketNumber ">
            data after collapse
     </div>
       
  </tr>
</table>

当我单击表格行（tr）时，内容会扩展并显示。它运作良好。当我单击按钮加载弹出窗口时，可折叠功能在加载弹出窗口之前起作用。单击按钮时，我需要停止可折叠选项。我怎么做

Answer 1

您可以这样做（根据您在评论中的小提琴）：

在整个.panel-info上添加点击事件。将ID添加到<button id="Popup">

如果单击按钮，然后听：

event.target.id==="Popup"

如果它之前是停止事件：

event.stopPropagation();

示例： https://jsfiddle.net/7qg6pun0/1/

document.querySelector(".panel-info").onclick = function(event) {myFunction()};
    
function myFunction() {
    if (event.target.id==="Popup"){
        event.stopPropagation();
        alert("clicked button");
    }
}

引导程序可折叠div禁用

1 个答案: