Ajax загружает стили Jquery внутри диалога

Question

У меня есть точная проблема здесь , за исключением того, что я не хочу использовать кнопки диалога Jquery UI.Я хочу использовать свои собственные кнопки из формы, которую я загрузил с помощью ajax.

Существует ли глобальный метод переопределения для всех загруженных диалогов, я запускаю прямое событие, чтобы прикрепить стили к кнопкам или другому содержимому, которое былозагружен ajax внутри диалога?

Answer 1

В диалоговом окне вы можете вызвать все элементы кнопки и удалить атрибут класса на них, а затем применить понравившийся вам CSS.

$(":button").removeAttr("class").addClass("myClass");   

где "myClass" - это стиль, который вы хотите применить к кнопкам.

Answer 2

хорошо, когда вы загружаете диалог, вы можете сделать это: (если класс ваших кнопок равен button-class)

var $dialog = $('<div>').load('/Dialog').dialog({
    autoOpen: false,
    title: 'Dialog',
    height: 250,
    width: 750,
    resizable: false,
    modal: true,
    show: "fadeIn",
    hide: "fadeOut"
});
//get the widget element
var $widg = $dialog.dialog('widget');
//find all buttons and apply button:
$("input:submit.jqBtn", $widg).button();

см. Скрипку здесь: http://jsfiddle.net/maniator/D8uYW/