jquery - 有没有办法限制可以拖动的区域?

标签 jquery css jquery-ui jquery-ui-draggable

正如您在此 JSFiddle 中看到的那样,我有一个盒子,我可以把它拖到全身。但是,是否可以只允许用户选择id为head的紫色部分时才允许拖动?

$(document).ready(function(){
    $( "#box" ).draggable({containment: "#container"});
});

最佳答案

使用句柄

$( ".selector" ).draggable({
  handle: "#head"
});

关于jquery - 有没有办法限制可以拖动的区域?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38149224/

相关文章:

javascript - 退出 jquery 中的函数

jquery - 使用 CSS(或 jQuery)放大图像而不移动页面上的其他所有内容

具有动态高度的元素上的 CSS 高度动画

jquery - 使用 jquery masonry 在网格中间插入项目

javascript - Symfony/Jquery 对象集合

html - Firefox 尺寸渲染对比其他浏览器

jquery - 无法从 JQuery 自动完成选择选项中进行选择

jquery - 使用 jQuery droppables 触发 drop 事件

javascript - 单击 DIV 时如何切换 UL 列表?

javascript - jQuery dataTable 为特定的 Bootstrap 模式设置页面限制