jQuery Sortable - Ordered List - IE9のバグ

Question

2つのOrdered List HTML要素でjQueryソート可能です。

最初にページが読み込まれると、最初のolはリピーターにバインドされて項目が追加されます。

次に、ユーザーはこれらの項目を2番目のolにドラッグアンドドロップできます。

これは順序付きリストなので、ユーザーが項目を所定の位置にドロップすると、olのリスト項目番号が自動的に数値順に変更されます。

ここ

は私のコードの抜粋です：

<ol class="drop"> 
    <asp:Repeater ID="repQuestion1Answers" runat="server"> 
     <ItemTemplate> 
      <li answerid="<%#eval("ID") %>"><%#Eval("Answer")%></li> 
     </ItemTemplate> 
     </asp:Repeater> 
    </ol> 
    <ol class="drop selected"> 
    </ol> 

    <script type="text/javascript"> 
     $(function() { 
     $("div.options.question1 ol.drop").sortable({ 
      connectWith: "div.options.question1 ol.drop" 
     }); 

     $("div.options.question1 ol.drop.selected").sortable({ 
      connectWith: "div.options.question1 ol.drop" 
      , update: function (event, ui) { 
        var $items = $(this).find("li"); 
        var items = ""; 
        $items.each(function() { 
         items = items + $(this).attr("answerid") + ","; 
        }); 
        $(".txtQuestion1").val(items); 
       } 
      }); 

      $("div.options.question1 ol.drop").disableSelection(); 

    }); 
    </script> 

これは、Google Chromeで正常に動作しますが、Internet Explorer 9の中の数字はすべて "1" を表示しています。これは、リスト項目のどれかをドラッグ＆ドロップすることで固定できますが、ドラッグした同じ場所にドロップするときだけです。

Heres Internet Explorer 9でどのように表示されているかの例です（赤いくすぐりを無視してください）。

なぜこの出来事はあり、どのような修正、私はそれを防ぐための場所に置くことができますか？

Answer 1

この動作は、Internet Explorerの9

可能な回避策は、div要素にあなたの注文リストを配置し、その後、空のdiv要素を追加することであるに回帰エラーが原因で発生することがあります...

<div id="first"> 
    <ol class="drop"> 
     <asp:Repeater ID="repQuestion1Answers" runat="server"> 
      <ItemTemplate> 
       <li answerid="<%#eval("ID") %>"><%#Eval("Answer")%></li> 
      </ItemTemplate> 
     </asp:Repeater> 
    </ol> 
</div> 

<div id="second"> 
    <ol class="drop selected"> 
    </ol> 
</div> 

<div id="empty"></div> 

...このsimilar post with an answer that describes a regression error in IE9に概要が記載されています。