下面是我的Bootstrap卡代码的示例。如果用户本身在卡上链接,或者他们单击卡标题,则需要使卡打开超链接。以下代码可在Firefox以外的任何地方使用。在Firefox中,如果单击该卡,它将起作用。如果单击卡标题,Firefox将打开两个新窗口。
有什么想法吗?谢谢。
<div class="col-lg-3 col-md-6 mb-4 column checklist">
<div class='card h-100' onclick="window.open('https://help.cccis.com/training/repair_facility/estimating/checklists/ChangeChecklistDisplayOrder.pdf','_blank');">
<div class="card-body">
<h4 class="card-title">
<a href="https://help.cccis.com/training/repair_facility/estimating/checklists/ChangeChecklistDisplayOrder.pdf" target="_blank">Change Checklist Display Order</a>
</h4>
<p class="card-text">This job aid describes how to change the Direct Checklist display order.</p>
</div>
<div class="card-footer">2 pages <img src="images/pdf3.png" align="right" width="17" height="20" alt="Job Aid"/>
</div>
</div>
</div>