jQuery .appendTo（）はFFでフォーマットを使用しています。

Question

私は自分のサイト用の簡単なショッピングカートを作っています。商品の説明ページで、[カートに追加]ボタンをクリックすると、ショッピングカートの商品リストの一番下に商品が表示されます。これはChromeとIE9では完璧に動作しますが、Firefox（この場合はv6）はすばらしい書式設定を破ります。 appendToはすべての情報を表示させることができますが、Firefoxでは（HTMLテーブルにある）カート内のすべてのアイテムのフォーマットが失われます。テーブル内のテキストと写真は、新しいものだけでなく、すべての項目について移動します。

$.post(
     'handlers/addToCart.php', 
     {cartItem:"<?php echo $itemID; ?>"}, 
     function(data){    
      if(data.num > 0){$('#empty').hide();} 
      //append new to item to bottom to cart 
      $(data.insert).hide().appendTo('#contents').show(1200); 
     }, 
     "json" 
     ); 

これは、テーブルに追加することがこだましますhtmlです：

 <tr> 
      <td> 
      </td> 
      <td> 
       <a href=\"http://www.mysite.com/spotlight.php?itemNo=$cID\"> 
        <img src=\"$cthumb\" width=\"40\" height=\"35\" /> 
       </a> 
      </td> 
      <td> 
       <a href=\"http://www.mysite.com/spotlight.php?itemNo=$cID\">$cname</a> 
      </td> 
     </tr> 
     <tr> 
       <td> 
        <img src=\"img/delete_x.gif\" width=\"20\" height=\"20\" id=\"$cID\" alt=\"$cfname\" class=\"delx\" onclick=\"delCartItem(id,alt)\" /> 
       </td> 
       <td colspan=\"2\" class=\"cartPrice\"> 
        \$$cprice 
       </td> 
     </tr> 
     <tr><td colspan=\"3\"><hr /></td></tr> 

と、これはそれですでに1つのアイテムとカートです：

<table id="contents"> 
    <tr><td colspan="3"><hr /></td></tr> 
    <tr> 
     <td> 
     </td> 
     <td> 
      <a href="http://www.mysite.com/spotlight.php?itemNo=981"> 
       <img src="thumb/pro.png" width="40" height="35" /> 
      </a> 
     </td> 
     <td> 
      <a href="http://www.mysite.com/spotlight.php?itemNo=981">Product ABC</a> 
     </td> 
    </tr> 
    <tr> 
      <td> 
       <img src="img/delete_x.gif" width="20" height="20" id="981" alt="ABC" class="delx" onclick="delCartItem(id,alt)" /> 
      </td> 
      <td colspan="2" class="cartPrice"> 
       $40.00 
      </td> 

    </tr> 
    <tr><td colspan="3"><hr /></td></tr> 
</table> 

Answer 1

は$を（試してみてください'#contents'）。append（data.insert）