离子JavaScript数据删除引导模态不起作用

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();
}

现在将打开并关闭模式。