Question

我正在使用salesforce platofrm.in，我只能访问按钮的onclick功能。我必须启动类似此代码的模式

<!-- Button to trigger modal -->
<a href="#myModal" role="button" class="btn" data-toggle="modal">Launch demo modal</a>

<!-- Modal -->
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="myModalLabel">Modal header</h3>
  </div>
  <div class="modal-body">
    <p>One fine body…</p>
  </div>
  <div class="modal-footer">
    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
    <button class="btn btn-primary">Save changes</button>
  </div>
</div>

而不是设置这些属性href="#myModal" role="button" class="btn" data-toggle="modal

如何使用javascript的onclick功能点击链接时显示模态请指导

Answer 1

点击该按钮，您可以使用documentation

中提供的show方法

$('#myModal').modal('show')

演示：Plunker

Answer 2

您可以使用切换进行隐藏显示，不需要使用显示和隐藏

<form action="test.php" method="POST" enctype="multipart/form-data">

  <input type="text" class="input">
  <input type="text" class="input">
  <p id="result"></p>
  <br>
  <p><input type="submit" value="Submit"></p>
</form>

显示模态当调用<a></a>的onclick方法时

2 个答案: