标题的 jQuery ui 对话框图像答案

【问题标题】：jQuery ui dialog image for the title标题的 jQuery ui 对话框图像
【发布时间】：2010-08-22 21:39:04
【问题描述】：

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

谢谢

【问题讨论】：

标签： jquery jquery-ui jquery-ui-dialog title

【解决方案1】：

您可以提供任何 HTML 作为 title 选项，如下所示：

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

You can see an example in action here

或者，作为另一个惹恼用户的演示，you could do this：

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

【讨论】：

哈哈！喜欢那些！太感谢了。任何其他效果，例如<marquee>？
实际上，您如何建议将图像置于对话框标题的中心？
大声笑，很好。好久没看到天幕了
@all 从 1.10 版开始，标题被视为文本，除非您应用此覆盖，否则此解决方案不起作用：stackoverflow.com/questions/14488774/…
我不能让它工作:(它所做的只是显示文本

【解决方案2】：

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

    $(document).ready(function() {   

        $.widget("ui.dialog", $.extend({}, $.ui.dialog.prototype, {
    _title: function(title) {
        var $title = this.options.title || '&nbsp;'
        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'

     })
})

【讨论】：