jQueryUI模式對話框不工作

我有一個簡單的任務，這使我瘋了。jQueryUI模式對話框不工作

我的jQuery代碼：

 $(document).ready(function() { 
     $("#dialog_open").button().click(function() { 
      $("#dialog_frame").open(); 
     }); 
     }); 

    $(document).ready(function() { 
     $('#dialog_frame').dialog({ 
     autoOpen:false, 
     height:500, 
     width:500, 
     modal:true; 
     }); 
    });

HTML爲按鈕：

    <td> 
        <input type="button" id="dialog_open" value="Open" /> 
       </td>

HTML的模式彈出的內容：

<div id="dialog_frame" style="display:none;"> 
    <p>I am here!</p>  
</div>

當我在我的按鈕時鐘，什麼都沒發生。我也看到對話框的內容不會隱藏，除非我把display：none;在那裏。

我在做什麼錯？我已經包含了jQuery，jQueryUI和jQueryUI CSS文件的鏈接，但是無法實現這個功能！（我有一個做工精細的其他網站）

來源

2013-06-27 Tim

什麼是應該做的事：'$（「＃dialog_open」）按鈕（）點擊（...）'???。 –

我想他可能會使用第三方css來自定義按鈕..就像bootstrap.css –

在'modal：true;'中沒有語法錯誤嗎？ –

的.dialog控件的open方法應該使用調用：（的

$("#dialog_frame").dialog('open');

代替$("#dialog_frame").open() - 沒有按」牛逼這行代碼產生一個錯誤在你的JavaScript控制檯）

來源

2013-06-27 14:50:01 LeGEC

使用此

$(document).ready(function() { 
    $("#dialog_open").button().click(function() { 
     $('#dialog_frame').dialog({ 
      height:500, 
      width:500, 
      modal:true 
     }); 
    }); 
});

來源

2013-06-27 14:45:17

jQueryUI模式對話框不工作

回答

相關問題