如何在JQuery中将图像添加到ui-dialog-titlebar?

Fel*_*lix 2 jquery jquery-ui-dialog

可以将图像添加到ui-dialog-titlebar到对话框中吗?

Gle*_*ord 7

确实是.在尺寸和对齐方面看起来很漂亮将是棘手的部分.但是在标题栏中放置图像应该很简单:

$(".ui-dialog-titlebar").append("<img src='felix.gif' id='myNewImage' />");
Run Code Online (Sandbox Code Playgroud)

编辑:
基于尼克在下面所说的(干杯),如果你想成为真正的硬核,你可以将代码放在对话框的开放事件中,即:

$(".putSelectorHere").dialog({
  open: function(event, ui) {
    $(".ui-dialog-titlebar").append("<img src='felix.gif' id='myNewImage' />");
  }
});
Run Code Online (Sandbox Code Playgroud)

单击相关文档.

  • @Felix - 你必须在*创建对话框后运行这段代码*,因为选择器在那之前找不到任何东西....因为当对话框出现时会创建`.ui-dialog-titlebar`元素. (2认同)