Jquery Dialog模態問題
[英]Jquery Dialog modal issues
問題描述
我堅持使用這個jquery對話框。 我搜索了我的代碼，但這並沒有告訴我這里有什么問題。 我有一個按鈕，單擊該按鈕將顯示教練名稱列表。 我想要的是當用戶點擊對話框的名稱打開並顯示一些數據時，基本上只是我擁有的另一個隱藏的div。 但我的問題是，當點擊名稱時，對話框確實出現，但模態不起作用，沒有樣式，它基本上打開其他框頂部的框。
我正在使用google托管庫Heres代碼：
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');
});
3 個解決方案
解決方案1
1 已采納 2013-12-12 15:37:08
既然你說它確實出現了，我懷疑你忘了包含jQuery UI附帶的CSS文件。 請確保您包含CSS文件。 至於Javascript問題，請刪除最后一個, - 它將在Internet Explorer中造成破壞
解決方案2
0 2013-12-12 15:36:04
在這段代碼中你已經寫過了
$(".displayInfo").dialog({
autoOpen: false,
height: 450,
width: 450,
title: "Example Text",
modal: true,
// overlay: { backgroundColor: "#000000", opacity: 0.5 }
});
你忘了刪除,之后model: true ？ 這不是JavaScript中的有效語法。
解決方案3
0 2013-12-12 15:41:35
加載CSS時出了點問題。
你必須包括jquery-ui.css
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
在您的文檔<head>
jQuery模式/對話框
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.