Javascriptのdocument.containsはIE11で動作しません

Question

私はビジネスCatalystサイト（Adobe）に取り組んでいます。別のスクリプトが後で情報を追加する項目の各行の後にプレースホルダdivを挿入する必要があります。これはほとんどのブラウザでうまくいきますが、IE 11では何もしません。

このスクリプトは、insertAfterに行の最後の項目を探します。行には4つの項目が含まれますが、最後の行には1または2しかない場合は最後の行の後に挿入されます。

Jquery 1.1を使用していましたが、1.7に切り替えただけで違いはありません。

私のマークアップ：

<div class="roller col-md-3" id="roller001"> 
<div class="roller-type"> 
<div class="roller-image"> 
{tag_small image_nolink} 
</div> 
<a class="roller-btn" onclick="appendRoller{tag_itemid}('{tag_itemid}')" href="javascript:void(0);">{tag_name_nolink}</a> 
</div> 
</div> 

<div class="roller col-md-3" id="roller002"> 
<div class="roller-type"> 
<div class="roller-image"> 
{tag_small image_nolink} 
</div> 
<a class="roller-btn" onclick="appendRoller{tag_itemid}('{tag_itemid}')" href="javascript:void(0);">{tag_name_nolink}</a> 
</div> 
</div> 

スクリプト：私は問題は 'document.contains' では全くなく、 'insertAfter' コマンドではなかったが実現しました

<script type="text/javascript"> 
$(document).ready(function(){ 
var rollerItems = document.getElementsByClassName('roller'); 

    for (n=0; n<rollerItems.length; n++) { 
     if(n%4 == 0) { 
      var rowEnd = rollerItems[n];    
      if(document.contains(rollerItems[n+1])) { rowEnd = rollerItems[n+1]; } 
      if(document.contains(rollerItems[n+2])) { rowEnd = rollerItems[n+2]; } 
      if(document.contains(rollerItems[n+3])) { rowEnd = rollerItems[n+3]; } 
      $('<div class="popup-row"></div>').insertAfter(rowEnd); 
      } 
     } 

}); 
</script> 

Answer 1

。どうやらIEは '文書'をノードと見なしていないので、行の最後の項目を決定するために 'document.body.contains'を使う必要がありました。

例：

IF（document.body.contains（rollerItems [N + 1]））{rowEnd = rollerItems [N + 1]。 }

すべての行を1行ずつ行っていましたが、それをぼかしました。これが最善の解決策であるかどうかは分かりませんが、少なくとも今は機能しています。