Ajax在对话框中加载了Jquery按钮样式

时间:2011-04-08 17:30:23

标签: jquery jquery-ui jquery-ui-dialog

我有确切的问题here,但我不想使用Jquery UI对话框按钮。我想在ajax加载的表单中使用自己的按钮。

是否有加载所有对话框的全局覆盖方法,我运行一个实时事件来将样式附加到对话框中由ajax加载的按钮或其他内容?

2 个答案:

答案 0 :(得分:0)

当你加载对话框时你可以这样做: (如果你的按钮类是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/

答案 1 :(得分:0)

在对话框中,您可以调用所有按钮元素并删除它们上的class属性,然后应用您喜欢的CSS。

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

其中“myClass”是您要应用于按钮的样式。