标题的 jQuery ui 对话框图像

Question

指定 jQuery UI 对话框时是否可以为我的标题放置图像而不是纯文本？

谢谢

Answer 1

您可以提供任何 HTML 作为

title

选项，如下所示：

$("#dialog").dialog({
  title: '<img src="myImage.jpg" />'
});​​​​​​​​​​​

您可以在此处查看实际示例

---

或者，作为另一个让用户烦恼的演示，你可以这样做：

$("<div />").dialog({
  title: '<marquee>Hello</marquee>'
});​

Answer 2

您也可以使用 HTML 设置它，虽然对话框将文本作为标题，但您可以通过扩展对话框属性来更改它，如

    $(document).ready(function() {   

        $.widget("ui.dialog", $.extend({}, $.ui.dialog.prototype, {
    _title: function(title) {
        var $title = this.options.title || ' '
        if( ("titleIsHtml" in this.options) && this.options.titleIsHtml == true )
            title.html($title);
        else title.text($title);
    }
     }));



  $('div#thedialogg').dialog({ 
         title:"<img src='images/logo-new.png' class='logo_size'>",
         titleIsHtml:true,
         autoOpen: false,
         height: 581,
         width: 1000,   
         modal: false,
         draggable: false,
         resizable: false,
         position: 'center'

     })
})

Answer 3

我只是向我显示文字，它不显示标题中的图像