jquery ui alertを使用する方法

Question

"条件が満たされている"場合は、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を忘れてしまいました。私はこのすべての時間を忘れています... :)

$(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