我在 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'
}
});
});
任何有关为什么会发生这种情况的帮助将不胜感激。谢谢你。