Question

我有一个div，可以在点击时触发Bootstrap的折叠。

在该div中我还有一个触发Bootstrap模态的按钮。

问题是，当单击模态触发器时，触发模式和崩溃。我只希望模态触发。

有什么方法可以阻止Bootstrap Collapse点击吗？

例如：

    $("[data-toggle='collapse'] [data-toggle='modal']").click(function() {
       $(this).parent().SomehowStopCollapse;
    });

Answer 1

您可以使用$("[data-toggle='collapse'] [data-toggle='modal']").click(function(event) { event.stopPropagation(); var thisModal = $(this).attr('data-target'); $(thisModal).modal('show'); });它可以防止事件冒泡DOM树，从而阻止任何父处理程序收到事件通知。

          DicomImage *image = new DicomImage("test.dcm");
          if (image != NULL)
          {
           if (image->getStatus() == EIS_Normal)
          {
            if (image->isMonochrome())
                 {
                     image->setMinMaxWindow();
                     Uint8 *pixelData = (Uint8 *)(image->getOutputData(8 /* bits */));
                    if (pixelData != NULL)
                    {
                    /* do something useful with the pixel data */
                    }
                      }
                  } else
           cerr << "Error: cannot load DICOM image (" <<        DicomImage::getString(image->getStatus()) << ")" << endl;
          }
          delete image;

Answer 2

要防止触发器进入某个事件，请使用event.preventDefault或使用event.stopPropagation()不要向父母触发事件。

这就像你需要的那样？

ejem。

$("[data-toggle='collapse'] [data-toggle='modal']").click(function() {
       event.stopPropagation() // or 
       event.preventDefault
       $(this).parent().SomehowStopCollapse;
    });

Answer 3

删除数据切换=＆＃39;折叠＆＃39;在你的按钮中，不要忘记放置适当的目标...

如何防止Bootsrap在点击时崩溃？

3 个答案: