1

私はjqueryに少し慣れていないので、子要素をクリックすると要素をドラッグするという問題に直面しています。

HTML
<div class="floatingPanel">
    <div class="dragger">
        Drag from here
    </div>
</div>

JQUERY 
$(document).ready(function () {
    $('.dragger').mousedown(function () {
        $('.floatingPanel').draggable({
            opacity: 0.35
        });
    }).mouseup(function () {
        alert("mouse up");
    });
});

'.floatingPanel'領域をクリックしても、まだドラッグ中です。ここでどこを間違えますか？例はここにあります：http：//jsfiddle.net/6g6Xr/23/

OK、解決しました。http：//jsfiddle.net/6g6Xr/28/のPolmoniteに感謝します。

4

2 に答える 2

1

あなたが書く場合：

$('.floatingPanel').draggable(...);

.floatingPanel要素はドラッグすることだと言っています。あなたは実際にすべきです：

$(document).ready(function () {
    $('.dragger').draggable({
        opacity: 0.35
    });
});

jQueryドラッグ可能のAPIに従ってドラッグ可能のすべてのオプションを指定している間：http：//api.jqueryui.com/draggable/。

.floatingPanelを.draggerだけにドラッグする場合は、次のように記述します。

$(document).ready(function () {
    $('.floatingPanel').draggable({
        opacity: 0.35,
        handle: '.dragger'
    });
});
于 2012-12-13T08:37:38.070 に答える
0 
$(document).ready(function () {
    $('.dragger').mousedown(function () {
        $('.dragger').draggable({
            opacity: 0.35
        });
    }).mouseup(function () {
        alert("mouse up");
    });
});

フィドルを見る

動作するはずです

于 2012-12-13T08:38:02.230 に答える