在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中模拟鼠标拖动

回答

相关问题