0
JQuery $('#dialog').html(htmlContent)은 대화 상자의 본문으로 html을 표시합니다. 트위터 부트 스트랩 모달 방식으로 표시하고 싶습니다. 예를 들어 :html에 따른 JQuery 대화 상자 표시
<div class="ui-dialog-titlebar ui-widget-header">
some content...
</div>
<div class='ui-dialog-content ui-widget-content'>
some content...
</div>
이제 'UI-대화 콘텐츠'div의 내용을 표시해야합니다 대화 상자의 제목 헤더에 표시 및 diloag 본문 동일해야한다 '타이틀 바'DIV 내용을 대화 상자를 표시하는 시간.
$("#dialog").remove(); // Remove any existing dialog
var $html = '<div id="dialog"><div class="ui-dialog-titlebar ui-widget-header">' + headerContent + '</div>' +
'<div class="ui-dialog-content ui-widget-content">' + htmlContent + '</div></div>';
// Append modal HTML to the page
$("body").append($html);
을 당신은 물론 일부 CSS와 드레스해야합니다 : 그래서
답장을 보내 주셔서 감사합니다. 그러나 제목이나 본문 내용을 필터링 할 수없는 html 콘텐츠의 문자열이 있으므로 HTML 형식으로 설정하여 콘텐츠를 렌더링합니다. 예상했다. –
'headerContent = $ (htmlContent) .find ("title") .html()'을 사용하여 제목을 가져온 다음 'htmlContent'에서 제목을 제거 할 수 있습니다. – Barmar