经过对这个主题的广泛搜索后,我无法找到答案,所以希望有人可以帮助我解决这个问题。我有一个相对基本的对话框:
$("#dialog-search").dialog({
resizable: false,
height:dimensionData.height,
width: dimensionData.width,
modal: true,
title: dimensionData.title,
position: [x,y],
open: function() {
$("#dialog-search .dateField").blur();
},
close: function(event, ui){
callBack(event,ui);
}
});
我想要做的是将 X 图标 (ui-icon-close) 替换为 ui (ui-icon-minus) 提供的不同图标,以便单击减号图标来关闭对话框。我看过有关如何隐藏图标或将其替换为 css 中的自定义图像的帖子,但我还没有找到一种方法来用另一个图标替换该图标以执行相同的功能。
编辑:我还希望能够通过添加自定义行为/位置来在对话框中使用 ui-icon-close 来实现不同的功能,但这可能超出了这个问题的范围。不过,如果这是一个相关的解决方案,请随意解决这个问题。
尝试看看对话框的结构,应该不难做到。
http://jqueryui.com/demos/dialog/#theming http://jqueryui.com/demos/dialog/#theming
Use the create
将关闭按钮图标的类更改为另一个图标的类的事件即可。
http://jsfiddle.net/Quincy/kHU2M/1/ http://jsfiddle.net/Quincy/kHU2M/1/
$("#dialog-search").dialog({
create: function(event, ui) {
var widget = $(this).dialog("widget");
$(".ui-dialog-titlebar-close span", widget)
.removeClass("ui-icon-closethick")
.addClass("ui-icon-minusthick");
}
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)