1

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

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

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

これは、画像に配置するために使用される HTML です。

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

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

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

4

1 に答える 1

0

これはあなたを助けるかもしれません

また

jQuery UI ドロップ可能を確認する

http://jqueryui.com/demos/droppable/
于 2013-03-16T06:08:12.577 に答える