我想更改 jquery 对话框中的默认关闭图标按钮。
我试图在 jquery-ui-1.8.23.custom.css 中添加这个 css 类:
.ui-icon-myCloseButton { background-image: url(/path/image.png); }
在对话框定义中:
$('#documentsDialog').dialog({
create: function(event,ui) {
var widget = $(this).dialog("widget");
$(".ui-dialog-titlebar-close span",widget).removeClass("ui-icon-closethick").addClass(".ui-icon-myCloseButton");
});
但是没有运气,有什么想法吗?
最佳答案
您只是缺少一个右大括号:
$('#documentsDialog').dialog({
create: function(event, ui) {
var widget = $(this).dialog("widget");
$(".ui-dialog-titlebar-close span", widget).removeClass("ui-icon-closethick").addClass("ui-icon-myCloseButton");
}
});
但是,最重要的是,您的 css 类应该声明为:
.ui-icon.ui-icon-myCloseButton{
background-image: url(https://www.goldbroker.com/pages/images/close.png);
}
问题是 .ui-icon 中的定义覆盖了您的自定义图像。当您使用上面的 css 重新定义时,它完全可以工作。
在这里,有一个 fiddle :http://jsfiddle.net/adrianonantua/FuWsK/2/
关于jquery对话框替换关闭按钮图标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13162480/