单击链接，通过JavaScript打开Bootstrap4模式

我想在单击链接时打开一个模式。 不幸的是，我无法更改链接的HTML。我只能更改

href

的内容

像这样：

<a href="#Modal">Open modal</a>

它可以工作，但在页面加载后模式会立即打开。 我需要它打开后，我点击链接

有办法做到这一点吗

以下是我的观点：

<div class="modal" id="Modal" tabindex="-1" role="dialog" aria-labelledby="ModalTitle" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <p class="h5 modal-title" id="ModalTitle">Modal Title</p>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            </div>
            <div class="modal-body">
                Content
            </div>
        </div>
    </div>
</div>

模态标题
&时代；
内容

需要它打开后，我点击链接

因此，您需要检查链接是否被单击

jQuery提供了许多选择元素的方法

试试这个

<!-- Trigger the modal with a button -->
<a href="#" class="btn btn-info btn-lg">Open Modal</a>

<!-- Modal -->
<div id="myModal" class="modal fade" role="dialog">
  <div class="modal-dialog">

<!-- Modal content-->
<div class="modal-content">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal">&times;</button>
    <h4 class="modal-title">Modal Header</h4>
  </div>
  <div class="modal-body">
    <p>Some text in the modal.</p>
  </div>
  <div class="modal-footer">
    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  </div>
</div>

  </div>
</div>


$('a').on( "click", function() {
   $('#myModal').modal('show');
});

&时代；
模态头
模态中的一些文本

接近
$（'a'）。在（“单击”，函数（）上）{
$（'myModal'）.modal（'show'）；
});

触发

a[href$=“#Modal”]

上的点击事件

$（'a[href$=“#Modal”]”）。在（“单击”，函数（）{
$（'#model'）。model（'show'）；
});

&时代；
模态头
模态中的一些文本

接近
$（“#Modal”）
是指具有
id=“Modal”
的元素。好的，我可以添加
id=“Modal”
，但这没有帮助：-（克雷，你试过这个吗？@Tahasultantemuri，我已经试过了，但没有work@Cray你能添加你的html和js吗？正如我在问题中所写的，我不能使用按钮或更改链接标记的html。就是这样！但我必须将myModal更改为ModalI。我看到你已经得到了正确的答案，但我只是想确定。这是一个有效的示例。
$('a[href$="#Modal"]').on( "click", function() {
   $('#Modal').modal();
});`

<!-- Trigger the modal with a button -->
<a href="#" class="btn btn-info btn-lg">Open Modal</a>

<!-- Modal -->
<div id="myModal" class="modal fade" role="dialog">
  <div class="modal-dialog">

<!-- Modal content-->
<div class="modal-content">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal">&times;</button>
    <h4 class="modal-title">Modal Header</h4>
  </div>
  <div class="modal-body">
    <p>Some text in the modal.</p>
  </div>
  <div class="modal-footer">
    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  </div>
</div>

  </div>
</div>


$('a').on( "click", function() {
   $('#myModal').modal('show');
});