JQuery UI Dialgo 모달의 제목 HTML 태그가 렌더링되지 않았습니다.

Question

현재 내 응용 프로그램에 모달을 추가 중입니다. 모달이 표시되면 모달 제목 안에 html 태그도 표시됩니다.

대화 상자 제목은 렌더링되지 않으며 html 태그를 표시합니다. 여기 모달

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

     }) 

나는 실종 뭔가를 엽니 대화 HTML

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

</div> 

그리고 여기에 관련된 자바 스크립트입니까? 미리 감사드립니다.

Answer 1

부트 스트랩과 관련이 없습니다. jQuery UI 대화 상자 (http://jqueryui.com/dialog/)를 사용하고있는 것을 볼 수 있습니다.

는 제목의 속성은 문자열을 허용하지만 다음과 같이 기본 동작을 덮어 쓸 수 있습니다 : 당신이 당신의 자신과 부트 스트랩의 모달 플러그인을 포장하는 것처럼 https://stackoverflow.com/a/14488776/3215856