jQuery对话框按钮样式

时间:2016-03-25 11:00:59

标签: jquery css dialog

我正在做三个项目。所有这些都使用对话框方法来添加或查看数据元素。我已经设置了如下对话框按钮:

 function addNewDialogButtons(buttons, id) {
var buttonPane = $(id).parent().find('.ui-dialog-buttonset');
$(buttonPane).empty();
$.each(buttons, function (index, props) {
    var newButton = $('<button></button>', {
        id: 'btn' + id + props.id,
        text: props.text
    });
    newButton.button().unbind().on("click", props.click);
    newButton.css('font-size', 'x-small').css('background-color', 'whitesmoke').css('color', 'blue').css('border', '1px solid blue').css('border-radius', '10px');
    $(buttonPane).append(newButton);
});
}

每个页面都这样做:

 buttons = [{ text: "Cancel", click: function () { CloseDialog("#divDetails") } }, { text: "Save Changes", click: function () { UpdateStatus() } }];
                addNewDialogButtons(buttons, "#divDetails");

这适用于我的开发PC和生产服务器上的两个项目。其中一个虽然没有显示造型。我无法弄清楚有什么区别。任何帮助,将不胜感激。只要问你需要看什么。

0 个答案:

没有答案