它是打開 jQuery 用戶界面對話框的標題欄不可能嗎？謝謝！ 解決方法 1: 我認為最好的辦法是使用選項 dialogClass。Jquery UI 文檔的摘錄：在初始化：$('.selector').dialog({ dialogClass: 'alert' });或者，如果您要初始化后。: $('.selector').dialog('option', 'dialogClass', 'alert'); 所以我用 dialogClass 選項創建一些對話框的 = 'noTitleStuff' 和 css 像這樣：.noTitleStuff .ui-dialog-titlebar {display:none} 太簡單了!但我想為什么我以前的 id-> 鉆井方法的類不工作的 1 天。事實上調用.dialog() 方法時您轉換的 div 成為兒童的另一個 div （的真正對話框的 div） 和可能是 '兄弟' 的標題欄 div 中，所以很難找后者起前。 解決方法 2: 我相信，你便可以將其隱藏，用 css：.ui-dialog-titlebar { display:none; } 或者，具體到某個特定的項：div#example .ui-dialog-titlebar { display:none; } 簽出"主題"對話框。我不相信有不呈現的標題欄不幸的是，一個對話框選項。 解決方法 3: 我想出動態刪除標題欄的修補程序。$("#example").dialog(dialogOpts); // remove the title bar $(".ui-dialog-titlebar").hide(); 呈現對話框后，這將刪除所有元素與類 ' ui-對話框的標題欄。 解決方法 4: 嘗試此操作$"(# ui-dialog-title-divid").parent().hide() ；按相應的 id 替換"得思" 解決方法 5: 我在我的項目中使用該$("#myDialog").dialog(dialogOpts); // remove the title bar $("#myDialog").siblings('div.ui-dialog-titlebar').remove(); // one liner $("#myDialog").dialog(dialogOpts).siblings('.ui-dialog-titlebar').remove() 解決方法 6: 若要隱藏標題欄后初始化對話框時使用 dialogClass，可以使用 jquery。在初始化：$('.selector).dialog ({ dialogClass: 'yourclassname' });$('.yourclassname div.ui-dialog-titlebar').hide() ；通過使用此方法，您不需要更改您的 css 文件，和這也是動態的。 解決方法 7: 其實還有另一種方法做這件事，使用該對話框 '構件' 直接：因此你可以在對話框構件$"(# example").dialog(dialogOpts) ；$dlgWidget = $('# example').dialog('widget') ；然后執行$ dlgWidget.find(".ui-dialog-titlebar").hide() ；若要隱藏該對話框僅在標題欄在一行代碼 （我喜歡鏈接）：$('# example').dialog('widget').find(".ui-dialog-titlebar").hide() ；無需額外的類添加到對話框的這種方式，只是去看它直接。Workss 對我來說太好。 解決方法 8: 這工作對我來說 ……
$("#dialog").dialog ({
創建： {功能用戶界面事件）
}, 解決方法 9: 我發現時隱藏對話框的標題欄的一件事，即使顯示為無，屏幕閱讀器仍把它撿起來，將讀取它。如果您已經添加您自己的標題欄，它將讀取都造成混亂。我做的事刪除它從 DOM 使用 $(selector).remove()。現在屏幕閱讀器 （和其他人一樣） 不會看到它因為它不再存在。 解決方法 10: 嗯，沒有一個答案解決它首先呈現到頁的多余標記的事實。也許真正的答案是不同的插件或重寫。

用火狐，安裝firebug，然后右鍵查看屬性，或者用谷歌右鍵審核元素。
找到你要的層，然后記下這個層的ID或者Class名，比如class為abc。
代碼：
$(function() {
$( ".abc" ).attr("A","B");
})
A為屬性，比如style。
B為值，比如left:200px。

$('.popBtn').click(function(){
var popMain='內容內容內容內容';
Pop(popMain);
});
function Pop(popMain){
var html='';
html +='<div class="pop-div">'+popMain+'</div>';
}

準備 jQuery 環境
首先，我們創建一個按鈕，點擊這個按鈕的時候，將會彈出一個對話框。
<input type="button" value="刪除" id="btn" />
為了設置這個按鈕點擊的事件，需要準備 jQuery 的環境。
<script type="text/javascript" src="scripts/jquery-1.4.2.js"></script>
在 ready 中設置按鈕的點擊事件。

復制代碼代碼如下:

$(function() {
// 初始化
$("#btn").click(function() {
alert("btn 被點擊啦！");
}
);

確認這一步沒有問題。

準備對話框
第二步，需要準備對話框的內容。這些內容來自 jQuery UI 的演示文件。

復制代碼代碼如下:

<div id="dialog-confirm" title="Empty the recycle bin?" >
<p>
<span class="ui-icon ui-icon-alert" style="float: left; margin: 0 7px 20px 0;"></span>
These items will be permanently deleted and cannot be recovered. Are you sure?</p>
</div>

為了使用 jQuery UI 的對話框，需要增加這些文件的引用。

<script type="text/javascript" src="scripts/jquery.ui.core.js"></script>
<script type="text/javascript" src="scripts/jquery.ui.widget.js"></script>
<script type="text/javascript" src="scripts/jquery.ui.mouse.js"></script>
<script type="text/javascript" src="scripts/jquery.ui.button.js"></script>
<script type="text/javascript" src="scripts/jquery.ui.draggable.js"></script>
<script type="text/javascript" src="scripts/jquery.ui.position.js"></script>
<script type="text/javascript" src="scripts/jquery.ui.dialog.js"></script>

增加樣式
jQuery UI 中使用了大量的樣式來修飾，需要引用 jQuery UI 的樣式，注意，jquery.ui.all.css 這個文件引用了大量的其他樣式文件，將 jQuery UI 中 \development-bundle\themes\base 文件夾中的內容都復制過來。

<link type="text/css" href="styles/jquery.ui.all.css" rel="stylesheet" />
在 ready 函數中，同時也初始化這個對話框。

復制代碼代碼如下:

$(function() {
// 初始化
$("#btn").click(function() {
alert("btn 被點擊啦！");
});

// 初始化對話框
$("#dialog-confirm").dialog();
});

現在，打開這個頁面的時候，就已經可以看到對話框了。

通過按鈕彈出對話框
我們希望頁面上初始化的時候看不到這個對話框，在點擊按鈕的時候再出現。那么需要這幾個工作。
先給對話框增加一個默認不顯示的樣式。style="display: none"，這樣默認就不會看到這一部分。

復制代碼代碼如下:

<div id="dialog-confirm" title="Empty the recycle bin?" style="display: none">
<p>
<span class="ui-icon ui-icon-alert" style="float: left; margin: 0 7px 20px 0;"></span>
These items will be permanently deleted and cannot be recovered. Are you sure?</p>
</div>

然后，在初始化對話框的時候，也不顯示，僅僅完成初始化工作。

在初始化對話框的時候，傳遞一個參數 autoOpen: false

復制代碼代碼如下:

$("#dialog-confirm").dialog(
{
autoOpen: false
}
);

在按鈕的點擊事件中，彈出這個對話框。

復制代碼代碼如下:

$("#btn").click(function() {
// alert("btn 被點擊啦！");
$("#dialog-confirm").dialog("open");
});

如果傳遞 close ，將會關閉對話框。

實現模式對話框
在實際應用中，我們經常需要實現模式對話框，在 Web 中需要增加一個遮罩層來擋住底層的元素，模擬模式效果，這可以在初始化對話框的時候，傳遞一個參數 modal: true 來實現。修改之后的初始化代碼成為：

復制代碼代碼如下:

$("#dialog-confirm").dialog(
{
modal: true, // 創建模式對話框
autoOpen: false, // 只初始化，不顯示
}
);

增加對話框的按鈕
可以為對話框增加任意的按鈕，并自定義按鈕的事件處理。我們先增加兩個按鈕，一個確定，一個取消，并讓他們先關閉對話框。

復制代碼代碼如下:

// 初始化對話框
$("#dialog-confirm").dialog(
{
modal: true, // 創建模式對話框
autoOpen: false,
buttons: {
"Ok": function() {
$(this).dialog('close');
},
"Cancel": function() {
$(this).dialog('close');
}
}
});