2011-07-07 11 views
1

ウェブアプリケーションでjQueryモーダルダイアログを使用しています。私はbutton (cancel)を1つ使用しましたが、それをクリックしてダイアログを閉じたいのですが、それは機能しません。disable & destroyは機能しています。
どんな考えてください....jQueryモーダルダイアログキャンセルボタンが機能しない

コード:

$("#dialog-form").dialog({ 
      .... 
     buttons: { 
      Cancel: function() { 
      $(this).dialog("close"); // dialog doesn't close 

     // $(this).dialog("destroy"); (it's working) 
     // $(this).dialog("disable"); (it's working) 
} 
+0

あなたは少なくとも3つの括弧を忘れているか、コード全体を投稿していません –

+0

はいコード全体を投稿しませんでした。私はどのようにコードを書いているか、つまり動作していないことを示したいと思った。 –

+1

あなたのコードは問題ありません。たぶんあなたのui.jsバージョンに関連しています。最後のバージョンにアップグレードし、99%で動作することをお勧めします。 ;) –

答えて

1

私はそれが私の愚かな質問でしたが、私はそれが誰かに役立つことを願っていたい、今すぐ実現。問題は私がいくつかのファイルが欠落しているからです.e.g:直接リンクするか、ファイルをダウンロードしてWebアプリケーションに入れてから自分のサーバーにリンクすることで使用できるCSSファイルeithierがあります。

ソリューション1

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/ui.all.css"/> 

solotion 2:ちょうどCSSファイルをダウンロードして、サーバにそれを置きます。私はjquery.ui.all.cssと呼ばれるCSSファイルをダウンロードし、これを私のwebApplication/libの中に入れました。それはいくつかの他のファイルをインポートするか、されていない場合、私は、このファイルを経て、それが他の二つのファイルをインポートしていることを見られるように、今私は

<link rel="stylesheet" href="my_web_app/lib/jquery.ui.all.css"/> 

をリンクされますが、ここで大したことができ、あなたは、ファイルをチェックする必要があります。

@import "jquery.ui.base.css"; 
@import "jquery.ui.theme.css"; 

これは私が個別にこれらの2つのファイルをダウンロードし、私のWebアプリ(my_webアプリ/ libに/ .....)の同じフォルダに入れて、再び、私は間違いを犯したものです。

jQueryファイルのための問題:常にjQueryファイルの更新されたバージョンを使用することを確認してください。これは私が立ち往生したところですが、最終的に私は最新のもの(jQuery v1.6.2)が必要な間に古いバージョン(jQuery v1.3.2)のjQueryファイルを使用しています。

関連する問題