0

システムを構築していて、jQuery UI を使いたいと思っていましたが、FF で問題が発生しています。IE と Chrome では問題なく動作します。また、これらは会社で使用されている 2 つの主要なブラウザーであるため、緊急ではありません。しかし、私は他のプロジェクトで jQuery UI をよく使用しており、興味深いちょっとした癖 (おそらくバグ?) であるため、言及する必要があります。2 つのデータベース テーブルを別のテーブルに割り当て、その割り当てを別のテーブルに挿入したいと考えています。

<div id="to" style="width:100px;">
    <table border="1">
       <tr class="tableHeader">
          <td>Employee</td>
      </tr>

            <tr><td>...</td></tr>

       </table>
</div>
<div id="from" style="height:8em">
    <table>
        <tr><td>...</td></tr>
    </table>
</div>
and JS:
$('#from tr').draggable({ 
    revert: "invalid", appendTo : "#content", helper : "clone" });

$('#to').droppable({drop : function(event, ui) {
        alert("Drop")
    }});

FFを使用している場合は、「from」テーブルの下部近くからレコードをドラッグすると、 divスクロールバーが上部に戻り、ヘルパーが表示されることに気付くでしょう。マウスの Y 軸からかなり下にあり、レコードが下にありすぎてドロップできないことを意味します。

私が言ったように、IE や Chrome では問題ありません。私のクライアントはそれを使用していますが、おかしいと思いませんか?

ありがとうルーク

4

1 に答える 1

1

ヘイ・ルーク

cursorAt: { bottom: 0 }ドラッグ可能な関数を追加してみてください。FFで動作するはずです。

 $('#from tr').draggable({ 
    revert: "invalid",     
    cursorAt: { bottom: 0 }, 
    appendTo : "#content", 
    helper : "clone" 
 });

更新フィドル: http://jsfiddle.net/vS3EH/11/

于 2013-08-06T08:26:14.410 に答える