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'
}
});
});
なぜこれが起こっているのかについての助けをいただければ幸いです。ありがとうございました。