将链接添加到Bootstrap模态呼叫者

Question

我有一个块，该块调用bootstrap模式以显示左键时显示文章，我需要添加一个链接，以便在右键单击并"打开"时可以打开页面新窗口"选择。
我是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>

，但它带我去了页面。如下所述，添加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>