0

以下のコードを使用してサイトの画像をドラッグ可能にしていますが、使用したいセレクターを選択できません。「.photo」を使用している間は画像をドラッグできますが、画像よりも大きなサイズのバウンディング ボックスが使用されるため、「img」または「.img1」と「.img2」を使用します。

また、このコードの使用を開始して以来、ライトボックス機能は、ソリッド クリックだけでなく、画像をリリースするたびにトリガーされます。

jQuery(function($){
    $('.photo').drag(function( ev, dd ){
        $( this ).css({
            top: dd.offsetY,
            left: dd.offsetX
        });
    });
});

ここでデモを見る: http://www.coreytegeler.com/jb/3/

私はDraggableこの効果に使用しましたが、解決できなかった Chrome/Safari で奇妙な問題が発生したため、新しいアプローチを選択しました。

編集 各画像に使用される HTML は次のとおりです (「.img1」は、画像の「.img2」にすることもできます)

 <div class="photo"><a href="http://www.coreytegeler.com/jb/1/images/full/001.jpg" rel="lightbox"><img class="img1" src="http://www.coreytegeler.com/jb/1/images/001.png"/></a></div>
4

1 に答える 1

0

セレクターにしたいアイテムにドラッグ動作を適用してみてから、関数を使用して画像を移動します。

マウスダウン/マウスアップ イベント シーケンスを記録しており、カスタム ドラッグ イベントがあるため、ドラッグからの標準のオーバーライドが無効になっているため、おそらくすべてのドラッグでライトボックスがトリガーされています。

于 2013-03-14T13:52:17.187 に答える