Question

我正在使用jQuery UI的模态框来预览添加到文本区域的一些html内容。如果我在textarea中为html添加一些样式，在我关闭框后，它会影响我的页面样式。我的意思是如果有任何匹配元素，则应用这些样式。我该如何防止这种情况？

我使用以下代码显示模态框

$("#preview_button").click(function() {
     $('#preview').dialog({ modal: true, autoOpen: false,width:960,height:400,dialogClass:'dialog_style1',title: "Email Content Preview"});
     $( "#preview" ).dialog( "option", "buttons", [ { text: "Ok", click: function() { $( this ).dialog( "close" ); } } ] );
     $('#preview').html($('#email_content').val());
     $('#preview').dialog('open');
});

这是JS filddle

http://jsfiddle.net/7as4f/6/

Answer 1

显示模态时，您正在解析文本框中的html。您可以通过将html加载到iframe然后显示iframe来阻止这种情况。看看this

影响页面样式的jQuery UI模式框

1 个答案: