在jquery中模擬鼠標拖動

我有這個小塊的代碼，我想模擬從一個點到另一個div的拖動..我用jquery.simulate.js腳本，但我得到錯誤在控制檯說.. 「$ .ui.mouse._mouseDown是不是一個函數」在jquery中模擬鼠標拖動

<html> 
<head> 

<style> 
.box { 
    background-color:#b0c4de; 
} 

</style> 

<script type="text/javascript" src="jquery-1.7.1.js"></script> 
<script type="text/javascript" src="jquery-ui-1.8.17.custom.min.js"></script> 
<script type="text/javascript" src="jquery.simulate.js"></script> 

<script> 

$(document).ready(function() { 
    var myDiv = $("#myDiv"); 

    myDiv.draggable(); 

    // This will set enough properties to simulate valid mouse options. 
    $.ui.mouse.options = $.ui.mouse.defaults; 

    var divOffset = myDiv.offset(); 

    // This will simulate clicking down on the div - works mostly. 
    $.ui.mouse._mouseDown({ 
      target: myDiv, 
      pageX: divOffset.left, 
      pageY: divOffset.top, 
      which: 1, 

      preventDefault: function() { } 
    }); 
}); 

</script> 


</head> 

<body> 
<div id="myDiv">hello</div> 

</body> 

</html>

來源

2012-02-10 user1184100

你thougt使用.animate()的？

例子：

$("#block").animate({ 
    marginRight: "0.4in", 
    opacity: 0.4, 
    marginLeft: "0.6in", 
    fontSize: "3em", 
    borderWidth: "10px" 
    }, 1500);

所以，你可以動畫的div的重新定位！

來源

2012-02-10 14:12:31

如果你真的想模擬一拖（&下降），使用jQuery的模擬擴展插件：
http://j-ulrich.github.com/jquery-simulate-ext

然後你可以使用

$('#myDiv').simulate("drag-n-drop", {dx: 50});

到div 50像素拖到對。

聲明：我是插件的作者。

來源

2012-09-13 17:20:42 Ignitor

偉大的插件，真的很有用！感謝:-) – lorcan 2013-05-31 09:49:25

而你如何拖動到指定的元素？不是x/y – Nakilon 2015-11-24 17:42:39

@Nakilon查看[插件的文檔]（https://github.com/j-ulrich/jquery-simulate-ext/blob/master/doc/drag-n-drop.md）： '（'＃myDiv'）。simulate（「drag-n-drop」，{dragTarget：otherDiv}）;' – Ignitor 2015-11-25 10:55:56

在jquery中模擬鼠標拖動

回答

相關問題