如何絕對定位jQuery可拖動對象，並仍然使其正確移動以使可放置對象正常工作？ （僅IE有問題）

Question

我已經閱讀了很多文章，並嘗試了所有我能想到的東西，但是我無法管理所有三個：放置可拖動對象，使其正確移動並讓可放置對象識別它。 更改代碼時，我每次都會設法執行其中的一兩個，但絕不會將它們全部在一起，因此我需要全部。

這是一些代碼：

在.aspx中：

<table id="tblAll" border="1" style="margin:0; padding:0;">
        <tr dir="ltr" id="trAreas">
            <td id="tdAreas" colspan="2"><asp:Xml ID="xmlAreas" runat="server" /></td>
        </tr>
        <tr id="trMain">
            <td id="tdButtons" style="width:75px;">
                <div id="droppable">
                    <asp:Image ID="imgTrash" ImageUrl="~/Images/Trash.png" runat="server" />
                </div>
            </td>
            <td id="tdMain" runat="server">
                <asp:Panel ID="divMain" Width="700px" Height="400px" runat="server" CssClass="MainBackground"></asp:Panel>
                <asp:Xml ID="xmlAreaTables" runat="server" />  
            </td>
        </tr>
</table>

在xsl文件中，我從數據庫中帶入元素並將它們放在頁面上：

<xsl:for-each select="Tables/Table">
      <div class="test" id="divTable_{@ObjectID}" style="position: absolute; top:{@RowID}px; right:{@ColID}px;">
        <img id="img_{@ObjectID}" src="{@ImageURL}"/>
      </div>
    <input type="hidden" id="hidTypeID_{@ObjectID}" value="{@ObjectTypeID}" />
  </xsl:for-each>

最后一個.js文件：

$(document).ready(function() {
    $(".test").draggable({});
    $("#droppable").droppable({
        drop: function(event, ui) 
              {
                alert("fgsdfgtd");
              }
    });      
});

我也嘗試過：

<xsl:for-each select="Tables/Table">
  <div class="test" style="position: absolute;">
    <div class="test1" id="divTable_{@ObjectID}" style="top:{@RowID}px; right:{@ColID}px;">
      <img id="img_{@ObjectID}" src="{@ImageURL}"/>
      <input type="hidden" id="hidTypeID_{@ObjectID}" value="{@ObjectTypeID}" />
    </div>
  </div>
</xsl:for-each>

那是最接近的元素，但是將所有元素放在主div右上角的一個位置，從那里我可以做任何我想做的事情，但是問題是它們沒有放在原始元素中這是一個很大的問題（我確實提醒過每個人的風格，他們仍然獲得正確的位置，但沒有在正確的位置顯示）...

我已經嘗試過許多版本的di以及將style="position: absolute;"放在哪里style="position: absolute;" 以及元素的位置。 我需要將它們從數據庫中移出並將它們動態放置在頁面上，並且我需要它們自由拖動（而不僅僅是沿同一行向下拖動），並在掉入垃圾箱時被識別。 我究竟做錯了什么？

Answer 1

解決了問題。

再次，dir =“ rtl”是問題。...我猜IE8不太喜歡RTL，我對此有（並且可能會有）很多問題.... :-)