jquery抓取網頁內容




JQuery UI:將長元素拖放到光標位置而不是元素的中間位置 (2)

正如James Montagne所說,寬容是你需要的。 最重要的是,對於droppable,您可以使用cursorAt。 這有助於您相對於光標設置圖像(僅當原始圖像大於您拖動的克隆時才需要)

http://api.jqueryui.com/draggable/#option-cursorAt

我有一些非常長的可拖動元素,我可以放在背景表的所有單元格中。

當我開始拖動這種元素懸停我的droppable容器(我的表的單元格)時,知道元素將被丟棄的“熱點”是它自身的中間部分。

不幸的是,我的元素的中間通常是不可見的,將元素放在正確的位置是沒有用的。

是否可以指定光標位置來選擇元素將放在哪個容器中而不是元素的中間?

我真的被困住了,我真的很感激任何幫助。

嗨,這是一個描述我的問題的示例代碼。 黃色div不能輕易落入細胞,因為它太長了。 jsbin.com/upunek/edit

謝謝


我認為你所尋求的是tolerance 。 我可能會建議使用"pointer"因為這將使用鼠標光標作為“重疊”點。

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

$('[id^="cell-"]').each(function(index) {
  $(this).droppable({
  accept: ".cartridge",
  hoverClass: "cell-highlght",
    tolerance: "pointer",
  drop: function( event, ui ) {
    $( this ).addClass( "cell-dropped" );
  }
  });
}); 

http://jsbin.com/upunek/2/edit





jquery-ui-draggable