2011-03-23 16 views
1

私はjQueryの新機能ですが、一般的にはJavaScriptの新機能ではありません。 UIダイアログウィジェットを使用しようとしています。私は、ダイアログウィジェットといくつかの他のものを含む.min.jsファイルをダウンロードしました。すでにコア.min.jsを持っています。jQueryUIダイアログ(モーダルフォーム)デモコードが動作しない

デモコードをUI doc for modal formから直接コピーし、それをプレーンhtmlファイルに貼り付けました。ボタンをクリックしても機能しません。何も起こりません。

デモコードを使用するために何か他に必要なことがあれば教えてください。そして、このjQueryをChromeでデバッグするにはどうすればいいですか? (私はFireBug Liteをインストールしましたが、jqueryのために使用する方法をあまり分かっていません)

誰かが私に探したいものを教えてもらえますが、 100本以上あります。ここにはlink to my sampleがあります。

答えて

1

$( "#ユーザーを作成する").button .button()呼び出しから判断

$("#create-user").click(function(){..... 
+0

実際には、ボタンは明らかにjqueryの最新バージョンの関数です。これは私が見つけたばかりです(http://stackoverflow.com/questions/3019486/help-with-hello-world-jquery-u-modal-form) 。 – EmmyS

+0

ええ、1.8以降で1.7.3を使用しています – sharpner

+0

はい、私はそれを理解しました。残念ながら、jqueryuiは、v1.8がjquery1.3.2 +用であると主張しています。私たちは1.3.2になっているので、ボタンの代わりにリンクを使うことができます。 – EmmyS

0

ことになっている機能

ではありません、あなたはjQueryのUIへの参照を含めるのを忘れて。

+0

あなたは何を意味するのか分かりません。 srcから、jqueryuiからカスタムダウンロードであるjquery-ui-1.7.3.dialog.min.jsをロードしていることがわかります。 – EmmyS

+1

.buttonはjquery ui 1.8です。http://blog.jqueryui.com/2010/03/jquery-ui-18/ – sharpner

+1

@EmmyS、私の間違いです。私はあなたのカスタムダウンロードに問題があると思っています。正しい依存関係がないので '.button()'は動作しません。 jsファイルを削除し、このhttp://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.jsとhttps://ajax.googleapis.com/ajax/libsに置き換えてみてください。 /jqueryui/1.8.10/jquery-ui.min.js – Brandon