insertBeforeとIE7

Question

最初の謝罪、私はパスワードの後ろに取り組んでいるページ、これで十分だと思っていますが、より多くのコードをご希望の場合は、尋ねてください！

イベントをリストするWebページがあります。各イベントは、すべて相対配置されたdiv、eventRowにラップされた複雑な要素のセットです。

新しいイベントを追加するとき、私はそれが置かれるべき場所を見つけて、使用：

document.getElementById('eventRows').insertBefore(div, document.getElementById('eventRow' + id)); 

divが新しいイベント行で、idは私が前に挿入するイベントのIDです！

これはChrome、Safari、Firefox、IE8では完全に機能しますが、IE7では間違っています - 新しいイベント行は正しく配置されているようですが、それを囲む行は正しく移動されず、重複するテキストの混乱。 、以下のいずれかの考えを

$('eventRows').innerHTML = $('eventRows').innerHTML; 

だから私はほとんどそれを解決してきましたが、私はとても満足していない：私はこのコードを使用して、挿入した後、固定することができたしばらく

質問：

これは機能するようにしてください。

ブラウザがIE7の場合のみ行う必要がありますか？

私はより良い修正を見つけるべきでしょうか？

多くの感謝

ベン。

Answer 1

再描画を強制することができます。

• 私はそれを試したことがありませんが、あなたは
• node.className = node.classNameを記述する1つが動作すると報告されています。私は考えることができるいくつかの方法があります。
• テキストノードを追加します。
• クラスを追加して削除します。
• 他のスタイルの変更を行い、その後、それらを削除する（パディング、ボーダー、マージン）

は、テキストノードを追加します。

function redraw(node) { 
    var doc = node.ownerDocument; 
    var text = doc.createTextNode(' '); 
    node.appendChild(text); 
    setTimeout(function() { 
    node.removeChild(text); 
    },0); 
} 

削除/クラスを追加します

function redraw(node) { 
    node.className += ' redraw'; 
    setTimeout(function() { 
    node.className = node.className.replace(/\sredraw$/, ''); 
    }, 0); 
} 

この私はIE7を持っていないので、コードはテストされていません。

これらのメソッドは、そこにあるさまざまなライブラリにも存在します。 Extの場合はElement.repaint()です。 jquery：http://plugins.jquery.com/content/forceredraw-102のforce_redrawプラグインがあります。私は他の人がいると確信しています、私はそれらについて知らないだけです。

Answer 2

くらい、私は次のために盛り上がりまし演奏後：

function redrawElement(e) { 
    if (/MSIE (\d+\.\d+);/.test(navigator.userAgent) && new Number(RegExp.$1) <= 7) { 
     e.innerHTML = e.innerHTML 
    } 
} 

他のアイデアの多くはほとんど働いていた、しかしかなり、パディングアイデアはかつて働いたが、タイムアウトと厄介なジャンプを引き起こし、このパフォーマンスに関して問題があるとは思われません。なぜそうではありませんか？ :-)

ありがとうございます！