Question

我有一个调用引导模式的块，在左键单击时显示一篇文章，我需要添加一个链接，以便在右键单击时打开一个页面，然后在新窗口中打开＆＃34;选择的。
我是bootstrap的新手，我不知道如何开始搜索它。

代码如下：

<div data-ajaxurl="showitemajax.php?id=67" data-target="#exampleModal" data-toggle="modal" class="articlebl col-lg-2 col-md-3 col-sm-4 col-xs-6">
            <img class="img-fluid w-100" alt="Test Article" src="image.jpg">
            <div class="articlebltitle">Test Article</div>
</div>

我想在img和内部div周围添加一个链接以启用中键点击（在新窗口中打开）

我试过了：

<div data-ajaxurl="showitemajax.php?id=67" data-target="#exampleModal" data-toggle="modal" class="articlebl col-lg-2 col-md-3 col-sm-4 col-xs-6">
    <a href="showitem.php?id=67">
            <img class="img-fluid w-100" alt="Test Article" src="image.jpg">
            <div class="articlebltitle">Test Article</div>
    </a>
</div>

但它会转到我的页面。如上所述here添加class='ignore-click'并使用$(".ignore-click").click(function(){return false;})会停止显示模式对话框。

Answer 1

通过将外部div更改为a

来解决此问题

<a href="showitem.php?id=67" data-ajaxurl="showitemajax.php?id=67" data-target="#exampleModal" data-toggle="modal" class="articlebl col-lg-2 col-md-3 col-sm-4 col-xs-6">
        <img class="img-fluid w-100" alt="Test Article" src="image.jpg">
        <div class="articlebltitle">Test Article</div>
</a>

添加链接到bootstrap模态调用者

1 个答案: