只有当鼠标位于此<div>
内的第一个元素上方时,才会使其可拖动<div>
。当鼠标不在第一个元素上时,整个<div>
不可拖动。这是我的代码:仅当鼠标悬停在使用jQuery UI的特定元素上时才允许拖动
<div id="containers">
<div id="cont1">foo</div>
<div id="cont2">bar</div>
</div>
<script>
$(document).ready(function() {
$("#cont1").mouseenter(function() {
$("#containers").draggable("enable");
});
$("#cont1").mouseleave(function() {
$("#containers").draggable("disable");
});
});
</script>
当鼠标进入或离开#cont1
,有控制台错误:
Uncaught TypeError: undefined is not a function(index):27 (anonymous function)jquery-1.11.0.js:4995 jQuery.event.special.(anonymous function).handlejquery-1.11.0.js:4624 jQuery.event.dispatchjquery-1.11.0.js:4292 elemData.handle
我想在Windows中实现类似Windows的功能。拖动标题栏时,整个窗口正在拖动,但无法通过拖动内容拖动窗口。 – 2014-12-13 10:29:50
使用'handle'属性 – 2014-12-13 10:30:40