2

私は JavaScript と JQuery にまったく慣れていないので、私の問題を解決してくれることを願っています。

いくつかの小さな tr に div をドロップし、div でカバーされる最高のものを取得したいと考えています。しかし、JQuery は div の中心にある tr を選択しているようです。

divの高さを使用してトップtrを計算せずにこれを実現する簡単な方法はありますか?

たぶん、私は何か間違ったことをしている、または何かを見逃しているだけです。

HTML:

<table border="1">
    <tr>
        <td class="droppable" data-time="08:00:00" style="width: 30px;"></td>
    </tr>
    <tr>
        <td class="droppable" data-time="09:00:00"></td>
    </tr>
    <tr>
        <td class="droppable" data-time="10:00:00"></td>
    </tr>
    <tr>
        <td class="droppable" data-time="11:00:00"></td>
    </tr>
    <tr>
        <td class="droppable" data-time="12:00:00"></td>
    </tr>
    <tr>
        <td class="droppable" data-time="13:00:00"></td>
    </tr>
    <tr>
        <td class="droppable" data-time="14:00:00"></td>
    </tr>
    <tr>
        <td class="droppable" data-time="15:00:00"></td>
    </tr>
</table>
<div class="draggable" style="width: 30px; height: 100px; background: green;"></div>

JQuery:

$(function () {
    $(".draggable").draggable({
    });
    $(".droppable").droppable({
        drop: function (event, ui) {
            $(this).effect("highlight", {}, 1500);
        }
    });
});

jsfiddleとして

前もって感謝します！

4

2 に答える 2

0

API ドキュメントが役立つ場合があります: http://api.jqueryui.com/droppable/#option-tolerance指定されたプロパティとメソッドによって必要な動作をコーディングするには、いくつかの方法があります。

例: 公差を「タッチ」に変更します。オブジェクトの位置とオフセット データを使用して、強調表示する適切な要素を選択します。

于 2013-08-06T12:17:01.417 に答える