jquery對話框模態問題

我被這個jquery對話框卡住了。我搜查了我的代碼，但它並沒有向我隱瞞什麼是錯的。我有一個按鈕，點擊後會顯示一個教練姓名列表。我想要的是當用戶點擊對話框的名稱來打開並顯示一些數據時，基本上只有另一個隱藏的div。但我的問題是，當名稱被點擊時，對話框確實出現，但模式不起作用，並且沒有任何樣式，只是基本上在其他框的頂部打開框。jquery對話框模態問題

我使用谷歌託管庫繼承人的代碼：

HTML

<div class="coaches"> 
    <h3>Head Coaches </h3> 
    <br /> 
    <p class="coach">Example Coach Text</p> 
</div> 

<br /> 

<div class="displayInfo"> 
    Example Text 
</div>

腳本

$(".coaches").click(function() { 

    $(".displayInfo").dialog({ 
     autoOpen: false, 
     height: 450, 
     width: 450, 
     title: "Example Text", 
     modal: true, 
     // overlay: { backgroundColor: "#000000", opacity: 0.5 } 
    }); 

    $(".displayInfo").dialog('open'); 

});

來源

2013-12-12 Troy Bryant

刪除'，'後模式'：TRUE' – RononDex

你忘記了CSS文件與jQuery UI？ –

你的代碼工作正常http://jsfiddle.net/4kDLm/show – melc

既然你說它確實出現，我懷疑你忘了包含jQuery UI自帶的CSS文件。請確保您包含CSS文件。至於Javascript的問題，請刪除最後的, - 它會在Internet Explorer中造成嚴重破壞

來源

2013-12-12 15:37:08

哇，我覺得像一個真正的jacka ....這一個謝謝我的其他css文件包括但不是那個... –

@TroyBryant沒問題。如果我已經解決了您的問題，請您將我的答案標記爲答案。 –

是的，一旦時間限制被刪除，我會接受。 –

在這段代碼你寫這裏

$(".displayInfo").dialog({ 
     autoOpen: false, 
     height: 450, 
     width: 450, 
     title: "Example Text", 
     modal: true, 
     // overlay: { backgroundColor: "#000000", opacity: 0.5 } 
    });

您是否忘記在model: true之後刪除,？這在JavaScript中不是有效的語法。

來源

2013-12-12 15:36:04 albusshin

加載CSS時出錯了。

你必須包括jquery-ui.css

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">

文檔中<head>

SEE FIDDLE DEMO

來源

2013-12-12 15:41:35

jquery對話框模態問題

回答

相關問題