【问题标题】:jquery dialog title and close bar removejquery 对话框标题和关闭栏删除
【发布时间】:2015-11-17 13:31:02
【问题描述】:

我有一个带有标题和关闭栏的 jquery 对话框。之后,我正在加载另一个要求确认的对话框。在我的确认对话框 UI 中,我不想要“标题”和“关闭”按钮。如果我使用对话框“打开”方法删除标题和关闭按钮,在我的确认对话框中,标题删除更改可以正常工作。但是我的后端对话框也被标题和关闭按钮删除了。我只需要当前对话框而不是父对话框。

我在这里附上 UI 供您参考。

在第一张图片中,我正在使用带有标题和关闭按钮的 jquery 对话框进行初始化。

在第二个中,我在初始化对话框时删除标题并使用打开功能关闭。

在我的第二个对话框初始化中,

open: function (event, ui) {
        $(".ui-dialog-titlebar-close", ui.dialog | ui).remove(); 
        $(".ui-dialog-titlebar", ui.dialog | ui).remove();
},

如果我确实像这样删除,我将删除所有对话框的标题。我需要删除特定对话框的标题。请帮我解决这个问题。

【问题讨论】:

  • 能否请您提供一个工作小提琴,这样我们就不需要创建另一个完整的脚本。
  • 你觉得这个ui.dialog | ui有什么作用?
  • 您应该使用一个选择器,其中包含要从中删除这些元素的特定对话框的 id。喜欢$("#my-dialog .ui-dialog-titlebar-close").remove();
  • @PraveenKumar 这里是工作小提琴 [link] (jsfiddle.net/PTXZV/64)
  • @raduation 我使用选择器事件做了一个,它应用相同。 :-(

标签: javascript jquery jquery-ui ember.js dialog


【解决方案1】:

好的,我找到了你的问题。你在概括标题。你需要专门去做。试试这个:

$(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');
    });

});

预览

专辑:http://imgur.com/a/xinCe#0

小提琴:http://jsfiddle.net/PTXZV/65/

【讨论】:

  • 您好 Praveen,无法将您与聊天连接。所以这是小提琴,jsfiddle.net/PTXZV/66
  • @PriyangaV 那么现在发生了什么?
  • 这里,按钮颜色不会改变。但就我而言,它发生了。当我打开第二个对话框时,那些绿色按钮变成灰色。
  • 无法提供完整代码。有什么方法可以将第一个对话框按钮窗格(如“title”)识别为 '$("#ui-id-2")' ?
  • 好的,如果我遇到任何问题,我会回来的。
猜你喜欢
  • 2012-10-28
  • 2011-09-09
  • 1970-01-01
  • 2011-01-16
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多