jQuery ui对话框在标题栏中添加帮助图标

Question

我想在JQuery UI对话框的标题栏(右上角)添加一个帮助图标.

我从默认的对话框演示开始

$('span.OK').click(function() {
    setTimeout(function(){ $( "#dialog" ).dialog(); }, 100);
});

这里是小提琴 http://jsfiddle.net/survivant/cyFxp/3/

我发现主题中有一个默认的帮助图标,但我不知道如何在标题栏中显示它.

目标是有一个？(帮助)按钮显示在X(关闭)按钮旁边.当我点击它时,我想要一个弹出窗口(可能是另一个对话框)来显示帮助.

编辑

感谢给出的答案,我现在有一个帮助图标,点击时会显示警告.但是,当鼠标悬停在该图标上时,光标是"移动"光标而不是像关闭按钮那样的"指针"光标.

如何防止"移动"光标支持"指针"光标？

PS.下面的答案中的演示适用于jsbin,但我在jsfiddle的演示不起作用.

Answer 1

您可以使用jquery ui对话框的dialogClass属性为对话框提供类.您可以搜索该类并附ui-icon-help加到对话框标题栏.检查这个小提琴:

演示小提琴

现在,您可以根据需要在图标上设置必要的事件.

希望这就是你要找的!

编辑

我检查了你的小提琴并更新它,检查一下:

更新了小提琴