JQuery UI Dialgo modal 的标题 html 标签未呈现

Question

我目前正在为我的应用程序添加模态。显示模态时，它还会在模态标题内显示 html 标签。

如您所见，对话框标题未呈现，它显示 html 标记。这是对话框 html

<div id="dialog_simple" title="Dialog Simple Title">
  <p>
   Dialog part is woring just fine.
  </p>

</div>

这里与javascript打开模态有关

$('#dialog_link').click(function() {
        $('#dialog_simple').dialog('open');
        return false;
  });


 $('#dialog_simple').dialog({
          autoOpen : false,
          width : 600,
          resizable : false,
          modal : true,
          title : "<div class='widget-header'><h4><i class='fa fa-warning'></i> Empty the recycle bin?</h4></div>",
          buttons : [{
            html : "<i class='fa fa-trash-o'></i>&nbsp; Delete all items",
            "class" : "btn btn-danger",
            click : function() {
              $(this).dialog("close");
            }
          }, {
            html : "<i class='fa fa-times'></i>&nbsp; Cancel",
            "class" : "btn btn-default",
            click : function() {
              $(this).dialog("close");
            }
          }]
        });

        })

我错过了什么吗？提前致谢

Answer 1

看起来这与 Bootstrap 无关。据我所知，您正在使用 jQuery UI 对话框 (http://jqueryui.com/dialog/)，对吗？

标题属性只接受字符串，但您可以覆盖默认行为，如下所示：https://whosebug.com/a/14488776/3215856

JQuery UI Dialgo modal 的标题 html 标签未呈现

JQuery UI Dialgo modal's title html tags is not rendered

html

javascript

css

jquery-ui-dialog