2013-03-14 16 views
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> 
+0

請你加elemnt HTML? – 2013-03-14 14:03:23

+0

那麼你在這裏遇到什麼問題? – 2013-03-14 14:07:48

+0

增加了HTML元素 – 2013-03-14 14:15:25

回答

0

嘗試應用拖拽行爲,你想成爲的項目選擇器,然後使用該功能移動圖像。

你可能會得到收藏觸發每拖,因爲它記錄鼠標按下/鼠標鬆開事件序列,並從拖動標準倍率停用狀態,因爲你有一個自定義的拖動事件。

+0

我試過改變選擇器,這就是問題所在,除'.photo'之外沒有任何東西在工作。但我對此也很陌生,所以我可能做錯了什麼。 如何啓用覆蓋? – 2013-03-14 14:05:48