2011-02-21 14 views
0

JQueryを既に持っているサイトのソースを継承しました& JQueryUIが含まれています。JQuery UIダイアログの問題(ボタンと自動オープンが機能しない)

 $("#dialog-modal").dialog({ 
     autoOpen: true, 
     buttons: { 
      "Delete": function() { 
       $(this).dialog("close"); 
      }, 
      "Cancel": function() { 
       $(this).dialog("close"); 
      } 
     }, 
     width: 400, 
     height: 175, 
     modal: true 
    }); 

<div id="dialog-modal" title="Confirm Company Deletion"> 
    <p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>Are you sure you wish to remove this company from the system?<br><br>Whilst the company will no longer be visible after deletion its records will remain within the database and therefore may be recoverable in the future. If this is ever required please contact the system administrator.</p> 
</div> 

jqueryの-1.3.2.min.js

1.8.0/jqueryの-ui.min.js

私は、ダイアログを作成しました

私が最初に抱える問題は、ダイアログが自動的に開かないことです。 2番目の問題は、ボタンが表示されていないことです。ただし、幅、高さ、モデルの設定が適用されます。

私がjavascript:$( '#dialog-modal')を呼び出した場合、ダイアログ( 'open');ダイアログは開きます(ボタンなし - ボタンの要素は作成されていません)、これを既に把握しようと時間を費やしています。スクリプトのライブラリ&のテーマが読み込まれた順番を変更しようとしたため、この問題を診断するための助けが必要ですが、違いはありません。私はChromeでデバッグしていますが、エラーはありません。したがって、プロパティの表示にはどんな提案もあります。デバッグのヒントは非常に高く評価されます。

+2

私の知る限りを受け入れるために2日間待たなければならないあなたは真のオープン自動を設定した場合、その後、あなたがする必要はありません。ダイアログ( 'open')、単なるダイアログ()です。また、明白な点ですが、最新のjQueryリリースにアップグレードして、それがソートされているかどうか確認できますか?私はまた、javascriptを使ってhref内からjqueryダイアログを呼び出すことはありません:$( '#...など。おそらく、要素のonclickイベントにバインドして、それが役立つかどうかを確認してください。 – dartacus

+0

@dartacus:ありがとうございました(UIライブラリではなく)Jqueryの厄介なバージョン - アップグレード後のいくつかの初期の問題はありましたが、現在はすべて動作しています。 – Chris

答えて

0

あなたはこのコードをまったく呼び出さないと思います。このダイアログハンドラの完全に別の呼び出しで、それがどのボタンを指定していないので、あなたが呼び出すときに、あなたのボタンが表示されない 理由...

$('#dialog-modal').dialog('open'); 

は...です。 jqueryの& jqueryのUIのバージョン間の

0

競合

編集:自分の解答ZZZに