拖放功能不允許所需的選擇器

我使用下面的代碼來使我的網站上的圖像可拖動，但我不能選擇我想使用的選擇器。雖然圖像可以拖動，同時使用「.photo」，它使用具有比圖像大尺寸的邊框，我寧願用‘IMG’或「.img1' &」 .img2' 。拖放功能不允許所需的選擇器

此外，由於我開始使用此代碼，每次釋放圖像時都會觸發燈箱功能，而不是僅在穩定點擊時觸發。

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

這裏所使用的圖像

<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>

查看演示在這裏放置HTML：http://www.coreytegeler.com/jb/3/

我已經使用了可拖動的這種效果，但導致了一個奇怪的問題在Chrome/Safari無法解決，所以我選擇了一種新方法。

來源

2013-03-16 Corey Tegeler

我很好奇; 'Draggable'有什麼問題？ – 2013-03-16 06:37:15

拖動只能在第一次加載時在窗口中可見的圖像正常工作。當您嘗試拖動它時，其他任何東西都會被拍到頁面的頂部。任何想法如何我可以專注於解決這個問題？ – 2013-03-16 16:16:21

http://jqueryui.com/draggable/#event-stop 你可以在這裏實際測試它。如果向下拖動圖像，強制窗口與您一起滾動，請釋放它並嘗試再次拖動它。行爲有點不同，但我是同樣的缺陷產品。 – 2013-03-16 16:17:33

This可以幫助你

檢查jQuery UI的可放開

http://jqueryui.com/demos/droppable/

來源

2013-03-16 06:08:12 Amol

雖然這個鏈接可能回答這個問題，但最好在這裏包含答案的重要部分，並提供供參考的鏈接。如果鏈接頁面更改，則僅鏈接答案可能會失效。 – 2014-08-24 15:01:51

我的歉意我會照顧它的。我在當時是新的在stackoverflow。 – Amol 2014-08-25 08:31:04

拖放功能不允許所需的選擇器

回答

相關問題