用JQuery激活Bootstrap警報

Question

我是JQuery的新手，我的問題是我有一個模式按鈕，當我點擊它時，運行了一個JQuery腳本。我需要這個腳本來顯示一個警告框。

的代碼：上述

<div id="formAlert" class="alert alert-warning hide"> 
    Please enter your  
</div> 

是模態的內部。

<script type="text/javascript"> 

     $(document).ready(function(){ 

      $("#submitMe").click(function(){ 
       $("#formAlert").show(); 
      }); 

     }); 
    </script> 

感謝您的幫助！

Answer 1

首先，您需要在CSS中使用display: none隱藏警報。您正在使用Bootstrap的.hide類來實現該功能，因此應該足夠了。

接下來，alert()不是jQuery對象的正確函數。它是window對象的一個​​功能，用於顯示系統警報。

你只需要使用jQuery的show()函數。您可能還需要使用e.preventDefault()來阻止該事件的默認操作（即提交按鈕單擊）。例如，你的腳本應該是這樣的：

$(function() { 
    $('#submitMe').on('click', function(e) { 
     e.preventDefault(); 
     $('#formAlert').show(); 
    }); 
}); 

注意，我們使用的$(function() { })快捷方式$(document).ready(function() { });。