JQuery UI Dialogモーダルのタイトルのhtmlタグがレンダリングされない

Question

現在、私のアプリケーションにモーダルを追加しています。モーダルが表示されると、モーダルタイトル内にhtmlタグも表示されます。

ご覧のとおり、ダイアログタイトルは表示されず、htmlタグが表示されます。ここでは、それは

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

</div> 

そして、ここでモーダル

$('#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"); 
      } 
      }] 
     }); 

     }) 

を開くためにJavaScriptを関連するダイアログhtmlです私は何かが足りないのですか？事前に感謝します

Answer 1

これはブートストラップとは関係がありません。 jQuery UIダイアログ（http://jqueryui.com/dialog/）を使用しています。

タイトルプロパティは、文字列のみを受け入れますが、ここで示したように、あなたはデフォルトの動作を上書きすることができます：あなたがあなた自身とブートストラップのモーダルプラグインをラップしているようhttps://stackoverflow.com/a/14488776/3215856