2015-08-24 3 views
-1

У меня есть диалоговое окно jquery с заголовком и закрывающей панелью. После этого я загружаю еще один диалог для подтверждения. В моем пользовательском интерфейсе диалогового окна подтверждения я не хочу кнопки «title» и «close». Если я удалю заголовок и кнопку закрытия с помощью диалогового «открытого» метода, в моем диалоговом окне подтверждения он отлично работает с удалением заголовка. Но мой внутренний диалог также удаляется с названием и кнопкой закрытия. Мне нужно только это для текущего диалога, а не для родительского.jquery dialog title и close bar remove

Я здесь прилагаю пользовательский интерфейс для справки.

First dialog with the title and close

another popup without close and title

В первом изображении, я инициализация с диалогом Jquery с заголовком и кнопкой закрытия.

Во втором я удаляю заголовок и закрываю открытую функцию, когда вы запускаете диалог.

На втором диалоговом первонач

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

Если я удалить, как это, я получаю удалены титул все диалоговое окно. Мне нужно удалить заголовок для конкретного диалога. Не помогайте мне в этом.

+0

Можете ли вы предоставить рабочую скрипку, чтобы нам не нужно было создавать еще один полноценный скрипт. –

+1

Что вы думаете об этом 'ui.dialog | ui' делает? – dfsq

+0

Вы должны использовать селектор, который содержит идентификатор конкретного диалогового окна, из которого вы хотите удалить эти элементы. Как '$ (" # my-dialog .ui-dialog-titlebar-close "). Remove();'. – raduation

ответ

0

Хорошо, я нашел вашу проблему. Вы обобщали название. Вам нужно специально это сделать. Попробуйте это:

$(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

Fiddle: http://jsfiddle.net/PTXZV/65/

+0

Hi Praveen, Не удалось подключить вас к чату, так что вот скрипка, http://jsfiddle.net/PTXZV/66/ –

+0

@PriyangaV Итак, что происходит теперь? –

+0

здесь, цвет кнопки не меняется, но в моем случае это происходит. Зеленые кнопки становятся серыми, когда я открываю второй диалог. –