Question

我正在尝试用JavaScript编写一个函数，当玩家进入某个框时打开一个模型。模型会弹出，但不再关闭。

这用于打开模型：

JavaScript：

superFight(){
function ModalLink(){
  $('#myModal').modal('show');
}

ModalLink();
}

HTML模型：

<div id="myModal" class="" role="dialog">
  <div class="modal-dialog">
   <div class="modal-content">
    <div class="modal-header">
     <button type="button" class="close" data-dismiss="modal">&times;</button>
     <h4 class="modal-title">Modaldd 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>

我已尝试使用$('#myModal').modal('hide');和$('#myModal').modal({ show: false});

这不起作用。当我把它放在控制台中时，它给出了：

> $('#myModal').modal({ show: false});
< false = $1

我还在关闭按钮中尝试了一个onClick函数来激活一个关闭模态的函数，但这也不起作用。

基本上我正在尝试做的是以编程方式打开和关闭模态。每当一个superFight（）;启动时，它应该弹出一些信息。并且用户应该能够在完成后关闭它。

我在离子应用程序中编写代码。

Answer 1

想出来。

我将superFight()中的代码更改为：

function superFight(){
  $('#myModal').show();
  $('#myModal').modal('show');
  $( ".simplemodal-overlay" ).show();
}

添加了onClick HTML：

<button type="button" class="close" data-dismiss="modal" onclick="CloseModalSpel()">&times;</button>

然后在页面中，我在底部添加了这个功能：

function CloseModalSpel(){
  $('#myModal').hide();
  $( ".simplemodal-overlay" ).hide();
}

现在打开，关闭模态。

离子javascript数据 - 解除bootstrap模式不起作用

1 个答案: