ダイアログの機能を使用するために含めるJSファイル

Question

ボタンをクリックすると確認するためのダイアログボックスを開きたいとします。 は、そのために私は次のコード

$('#dialog-box').dialog({ 
       show : 'drop', 

を使用しています....

＃]ダイアログボックスがボタンのIDです

。今、私はエラーを取得しています： キャッチされない例外TypeErrorを：このエラーが除去されるように、オブジェクト[オブジェクトのオブジェクト]は、ファイルをJS一切方法「ダイアログ」

を含める必要はなかった

Answer 1

を.dialog()機能は一部であり、 JQuery UI。

Here's a library from Google's CDN。
JQuery UIに必要なものがすべて手に入るようにするには、here からダウンロードするか、hereのオンラインホストスクリプトを使用します。

Here's a sample script

注私はライブラリを取得し、スクリプトの実行順序：

初期化

jQueryのUIを

1. のjQueryをダイアログボックス

<!-- JQuery UI stylesheet --> 
<link rel="stylesheet" href="http://code.jquery.com/ui/1.8.18/themes/base/jquery-ui.css" type="text/css" media="all" /> 

<!-- First get JQuery --> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> 
<!-- Then get JQuery UI --> 
<script src="http://code.jquery.com/ui/1.8.18/jquery-ui.min.js"></script> 

<script> 
    $(function() { 
     $("#dialog-box").dialog({ 
      width: "auto", 
      height: "auto" 
     }); 
    }); 
</script> 

<div id="dialog-box" title="Getting down with dialog boxes"> 
    <p>This is how you initialize and use the dialog box.</p> 
</div>