0

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

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

....

#dialog-box はボタンの ID です。今、私はエラーを取得しています: Uncaught TypeError: Object [object Object] has no method 'dialog'

このエラーを削除するには、どの js ファイルを含める必要がありますか?

4

1 に答える 1

1

この.dialog()関数はJQuery UIの一部です。

これは Google の CDN のライブラリです。
JQuery UI に必要なすべてのものを確実に入手するには、ここからダウンロードするか、ここ からオンラインでホストされているスクリプトを使用できます。

これがサンプルスクリプトです

ライブラリを取得してからスクリプトを実行する順序に注意してください。

  1. JQuery
  2. JQuery UI
  3. 初期化ダイアログボックス
<!-- 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>
于 2012-04-05T08:38:58.070 に答える