jQuery UIのダイアログが正しく表示されない

Question

開発中のサイトでjQuery UI 1.8.19とTwitter Bootstrap 2.0.3を使用しています。イベントを発生する

<div id="dialog-confirm" title="<?php echo lang("event:delete_confirm_title") ?>"> 
     <p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span><?php echo lang('event:delete_confirm_content') ?></p> 
</div> 

そして、JS、このいずれかです：

$(function() { 
    $("#delete").click(function(){ 
     $("#dialog-confirm").dialog({ 
      resizable: false, 
      height:140, 
      modal: true, 
      buttons: { 
       "<?php echo lang('event:delete') ?>": function() { 
        $(this).dialog("close"); 
       }, 
       "<?php echo lang('global:cancel_label') ?>": function() { 
        $(this).dialog("close"); 
       } 
      } 
     }); 
    }); 
}); 

何らかの理由でモーダルダイアログを削除をクリックし、このために、私はそれを行うにはとき、私はモーダルダイアログを表示したいですページの終わりにいつも表示されるはずですが、要素をクリックするとダイアログが表示されますが、ページは瞬時に私のホームページにリダイレクトされ、リダイレクトがないため原因がわかりませんどの場所にも、そこには形がありません。これに関する助言や助言？ よろしくお願いします

Answer 1

：

は私のSOの質問を参照してください。

ボタンをクリックしたときにそのページが自宅に送信された場合は、通常のクリックイベントハンドラを避けるために、Submitの場合はreturn falseで#deleteのボタンのタイプを確認して機能を終了することができます打ち上げ：

$(function() { 
    $("#delete").click(function(e){ 
     $("#dialog-confirm").dialog({ 
      resizable: false, 
      height:140, 
      modal: true, 
      buttons: { 
       "<?php echo lang('event:delete') ?>": function() { 
        $(this).dialog("close"); 
       }, 
       "<?php echo lang('global:cancel_label') ?>": function() { 
        $(this).dialog("close"); 
       } 
      } 
     }); 
    e.preventDefault(); 
    }); 
}); 

編集：変形スコット提案

Answer 2

これは私にも起こりました。私が知っている原因は一つだけです。ダイアログCSSファイルがロードされていません。それは起動時に表示されませんので、あなたは、あなたのダイアログのdivにstyle='display: none'を追加する必要がありますposition:fixed breaks in IE9