jquery 删除对话框标题和关闭栏
jquery dialog title and close bar remove
我有一个带有标题和关闭栏的 jquery 对话框。之后,我正在加载另一个要求确认的对话框。在我的确认对话框 UI 中,我不想要 'title' 和 'close' 按钮。如果我使用对话框 'open' 方法删除标题和关闭按钮,在我的确认对话框中它可以正常工作,标题删除更改。但是我的后端对话框也随着标题和关闭按钮一起被删除。我只需要当前对话框而不是 parent 对话框。
我在这里附上UI供大家参考。
在第一张图片中,我正在使用带有标题和关闭按钮的 jquery 对话框进行初始化。
在第二个中,我正在删除标题并在初始化对话框时使用打开功能关闭。
在我的第二个对话框初始化中,
open: function (event, ui) {
$(".ui-dialog-titlebar-close", ui.dialog | ui).remove();
$(".ui-dialog-titlebar", ui.dialog | ui).remove();
},
如果我确实像这样删除,我将删除所有对话框的标题。我需要删除特定的标题 dialog.Kindly 帮我解决这个问题。
好的,我发现了你的问题。您在概括标题。你需要专门去做。试试这个:
$(function () {
$( "#dialog1" ).dialog({
autoOpen: false,
height:'300', // No I18N
width: '300', // No I18N
resize: false,
});
$("#opener").click(function() {
$("#dialog1").dialog('open');
});
$( "#dialog2" ).dialog({
autoOpen: false,
height:'100', // No I18N
width: '100', // No I18N
resize: false,
open: function (event, ui) {
// Do not generalize here!
$("#ui-id-2").closest(".ui-dialog-titlebar").remove();
},
});
$("#opener1").click(function() {
$("#dialog2").dialog('open');
});
});
预览
Fiddle: http://jsfiddle.net/PTXZV/65/
我有一个带有标题和关闭栏的 jquery 对话框。之后,我正在加载另一个要求确认的对话框。在我的确认对话框 UI 中,我不想要 'title' 和 'close' 按钮。如果我使用对话框 'open' 方法删除标题和关闭按钮,在我的确认对话框中它可以正常工作,标题删除更改。但是我的后端对话框也随着标题和关闭按钮一起被删除。我只需要当前对话框而不是 parent 对话框。
我在这里附上UI供大家参考。
在第一张图片中,我正在使用带有标题和关闭按钮的 jquery 对话框进行初始化。
在第二个中,我正在删除标题并在初始化对话框时使用打开功能关闭。
在我的第二个对话框初始化中,
open: function (event, ui) {
$(".ui-dialog-titlebar-close", ui.dialog | ui).remove();
$(".ui-dialog-titlebar", ui.dialog | ui).remove();
},
如果我确实像这样删除,我将删除所有对话框的标题。我需要删除特定的标题 dialog.Kindly 帮我解决这个问题。
好的,我发现了你的问题。您在概括标题。你需要专门去做。试试这个:
$(function () {
$( "#dialog1" ).dialog({
autoOpen: false,
height:'300', // No I18N
width: '300', // No I18N
resize: false,
});
$("#opener").click(function() {
$("#dialog1").dialog('open');
});
$( "#dialog2" ).dialog({
autoOpen: false,
height:'100', // No I18N
width: '100', // No I18N
resize: false,
open: function (event, ui) {
// Do not generalize here!
$("#ui-id-2").closest(".ui-dialog-titlebar").remove();
},
});
$("#opener1").click(function() {
$("#dialog2").dialog('open');
});
});
预览
Fiddle: http://jsfiddle.net/PTXZV/65/