我在IE非兼容模式下遇到问题。我有一个editorContent容器,开头如下。
<div id="p1" class="paragraph">This is the first paragraph </div>
然而,当我按下按钮时,会添加额外的东西。目前,Chrome,FF和IE兼容模式正常运行。但是,当我使用非兼容模式时,它只是不起作用。在Chrome中使用后,它看起来像这样。
<div id="p1" class="paragraph qTip triangle-isosceles-blue" style="color: black; font-size: 110%; padding: 0px 0px 0px 10px; " title="marked">
This is the first paragraph
</div>
这样可以正常工作,但是当我在IE非兼容性视图中执行相同的功能时,我得到以下内容。
<DIV aria-hidden=true style="PADDING-LEFT: 10px; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: black; FONT-SIZE: 110%" id=p1 class="paragraph qTip triangle-isosceles-blue" title="marked" sizcache="387" sizset="0">
<P>This is the first paragraph</P></DIV>
正如您所看到的,这与上面完全不同。下面是按下按钮时调用的功能。 在这种情况下,$ set是div id p1。
$('#add2').click(function() {
classList = "marked";
$set.addClass ( "qTip triangle-isosceles-blue ") ;
$set.attr('title', "marked");
$('.qTip').qtip({
suppress: false,
style: {
classes: 'ui-tooltip-green ui-tooltip-shadow'
}
});
});
任何有关为何发生这种情况的帮助将不胜感激。谢谢。