Tag: draggable

无法获得JQuery Draggable插件吗？: 我是JQuery新手，我正在尝试使用Draggable插件创建一个示例页面。页面加载正常，但我无法将我的标签拖到任何地方。我一直试图复制这个演示。这是我的代码： #draggable { width: 150px; height: 150px; padding: 0.5em; border: solid 1px black; cursor:pointer;} $(document).ready(function() { $(“#draggable”).draggable(); }); Drag me around 我只是想做到这一点，所以我可以在它周围的“demo” 拖动我的“draggable” 。任何人都能看到我错过的东西吗？

Fullcalendar：draggable对象拒绝fullcalendar为droppable，即使fullcalendar接受drop: 我已经设置了FullCalendar来接受drop，它确实如此。但是我用revert构建的可拖动对象：’invalid’似乎并不认可FullCalendar上的日期为droppable，并且还原为。这是我的代码： mydrag My Drag function onExternalEventDrop(date, allDay) { alert(“Dropped on ” + date + ” with allDay=” + allDay); } $(‘#mydrag’).each(function() { // create an Event Object (http://arshaw.com/fullcalendar/docs/event_data/Event_Object/) // it doesn’t need to have a start or end var eventObject = { title: ‘MyDrag Title’ }; // store the Event Object in the […]

如何防止Resizable和Draggable元素相互折叠？: 大家好。我有以下代码： http://jsfiddle.net/g7Cgg/ 如您所见，有两个简单的DIV堆叠在一起。这些DIV中的每一个也都设置为可resize和可拖动。但是，请注意，当您尝试调整第一个元素的大小时，第二个元素会折叠到第一个元素上。从我所看到的，这是因为可resize将元素更改为绝对位置。我该如何防止这种行为？是否可以在保留拖动元素的能力的同时调整元素的大小？另请注意，如果将元素更改为具有相对位置（在.demo样式中添加位置：relative！important），则可以防止折叠，但在开始resize或拖动时元素会“跳转”。另一种奇怪的行为。谢谢你的帮助。

如何使用固定的X和Y轴使jQuery可拖动？: 我想知道是否有办法使jQuery可拖动只能直接向上，向下和向左，向右拖动。我想阻止用户沿对角线拖动div。在我的情况下，无法使用可拖动UI中的网格选项。 http://jqueryui.com/demos/draggable/#constrain-movement 这怎么可能？谢谢！

设置可拖动对象的边界限制: 我有两个要素： 1.固定高度的父母， overflow:hidden 它的孩子，固定高度较大。 .myList {list-style:none; margin:0px; padding:1px;} .myList li{ height:50px; margin:4px; padding:2px;} .dragPanel {height:230px; border:solid; overflow:hidden;} 1 2 … …. 8 9 我希望能够在父div中上下拖动列表。我使用jquery ui draggable插件来实现Verticle拖动，但我不确定如何约束父div中的列表。 $(document).ready(function() { $(‘.dragPanel’).addClass(“hover”); $(‘.myList’).draggable({ axis: ‘y’ }); }); 我该如何为列表的位置设置垂直上限和下限？

jquery draggable启用和禁用: 我已经尝试过任何事情，但总是得到同样的错误 $(“.tooltip”).draggable(‘disable’); 错误：在初始化之前无法调用draggable上的方法; 试图调用方法’禁用’ 在初始化之前？所以在实际被拖动之前我无法删除该选项？我也尝试使用droppable，似乎无法启用它们而不会出现此错误。编辑：我发现我有一个没有可拖动的类的元素（当你看错误时这是有道理的）。现在我只需找到一种方法，所以它禁用所有可拖动的而不会抛出错误:)

jquery在点击另一个时开始拖动对象: 这是交易：我正在尝试制作一个类似Photoshop的颜色选择器，所以我有一个颜色选择器的背景图像（彩虹般的图像200×200像素）和它内部的圆形触发器。所以，如果我将可拖动的UI附加到圆圈： $(‘#rainbow-color-picker .circle’).draggable({containment: ‘parent’}); 效果很好。但这是另一个问题..当我点击圆的父块（即颜色选择器图像）时，我希望拖动开始。这是HTML标记：所以当我点击.inner2时，我想要.circle开始拖动。我试过了 $(“#rainbow-color-picker .inner2”).bind( “mousedown”, function(event) { $(“#rainbow-color-picker .circle”).trigger(‘dragstart’); }); 但这不起作用:(有没有人碰巧遇到这个问题？谢谢

JqueryUI Draggable – 自动调整父容器大小: 我有两个div，一个在另一个内。外部div（容器）具有任意尺寸。内部div设置为小于其容器的指定尺寸。我已经将jquery draggable应用于内部div，当我将内部div拖过容器的外边缘时，我正在寻找自动调整其父容器的大小。我该怎么做呢？在问一个新问题时，我在StackOverflow上看到了类似的function。用于输入问题的textarea有一个名为’grippie’的div，它调整了textarea的大小。这正是我正在寻找的function，但使用div而不是textarea。

JQuery UI可resize不支持position：fixed; 有什么建议？: JQuery UI的.resizable函数不支持position: fixed; 元素。当您尝试调整它们的大小时，它会将其position属性切换为绝对属性。任何推荐的修复？我有一些弹出的聊天窗口，可以在文档周围拖动。它们的位置是固定的，因此它们不会随着它们后面的页面滚动。它们都完美地工作，直到你试图调整窗口大小，当它转换到position: absolute; 然后在页面滚动时落后。我尝试处理resize stop事件并将位置更改为fixed： stop: function (event, ui) { $(chatWindow).css(‘position’, ‘fixed’); } 这不起作用，因为定位（ top:和left: :)对于固定元素不正确，当您停止调整元素大小时，切换到固定定位并跳转到页面上的奇怪位置。有时跳出页面边界并永远丢失。有什么建议？

未捕获的TypeError：$（…）。draggable不是函数: 大家好我想让一些divs拖延，我已经设法用jquery-ui做到了。我还有一个脚本删除2个div并将它们合并为一个（如果它们已经合并在一起）但是当我在新的“合并”div上调用draggable函数时我得到的错误是标题…所以问题是什么？怎么可能.draggable函数在一个地方工作而不在另一个地方（在同一个文件中）!! 这是可拖动的function： function drag($class){ $(“.”+$class).draggable({ containment: “.tab-content”, grid: [ 3, 3 ], zIndex:100, obstacle: “#nothere”, preventCollision: true, drag: function(){ $(“.test”).css(“background-color”,”red”); $(this).css(“background-color”,”green”); } }); } 首先，我为测试类调用它，它完美无缺地运行 drag(“test”); 但是当我在合并函数内再次调用它时它会返回错误：Uncaught TypeError：$（…）。draggable不是函数 drag(“test:not(.ui-draggable)”); js文件正确加载：