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

現在將打開並關閉模式。