如何在內部使用jquery ui alert如果條件爲

Question

我試圖在「if condition」爲true時發出警報，我正在使用jquery ui alert。但警報不會出現。

這裏是我的代碼：

$("#ctl_apply").on("click", function(event){ 

     if(from_date > to_date) 
     { 
      $("#approve_confirm_dialog").dialog({ 

       height:"auto", 
       width:250, 
       resizable:false, 
       buttons:{ 

        "Ok" : function(){ 

          $(this).dialog('close'); 
        } 
       } 
     }); 
      return; 
     } 
}); 

幫助？

Answer 1

我想你忘了包含所需的JS庫或其他東西。 jQuery UI的對話框是使用像很簡單：

$('#alert').dialog(); 

<div id="alert"> 
    Alert!! 
</div> 

Working Fiddle

Answer 2

如果我猜的話，你可能忘了docready。我忘了這alllll時間... :)

$(function() { //<--- this 
    $("#ctl_apply").on("click", function(event){ 

    if(from_date > to_date) 
    { 
     $("#approve_confirm_dialog").dialog({ 

      height:"auto", 
      width:250, 
      resizable:false, 
      buttons:{ 

       "Ok" : function(){ 

         $(this).dialog('close'); 
       } 
      } 
    }); 
     return; 
    } 
    }); 
}); //<-- and this