Tag: 可拖动

根据可拖动元素滚动div: 这基本上就是我想要的：我想通过使用另一个用jquery draggable绑定的元素向上和向下滚动一个包含很长内容的div。 $(“#controller”).draggable({ revert: false, containment: “parent”, axis: “x”, create: function(){ $(this).data(“startLeft”,parseInt($(this).css(“left”))); $(this).data(“startTop”,parseInt($(this).css(“top”))); }, drag: function(event,ui){ var rel_left = ui.position.left – parseInt($(this).data(“startLeft”)); var rel_top = ui.position.top – parseInt($(this).data(“startTop”)); } }); 这是一个提供更多信息的小提琴： http ： //jsfiddle.net/xNLsE/4/

jQuery使用图像和文本拖放DIV选择: 我正在使用jQuery tableDnD插件从显示用户重新排列的图像列表的表格中制作拖放列表。该插件使用格式化表格的标签上的ID来重新排列单元格。当我拖放特定地点击表格单元格内没有图像/内容的位置时，它可以正常工作。但是，当我单击表格单元格（或包含文本的div内部）并尝试拖放时，文本/图像将被选中，并且不会触发重新排列的脚本。用css或javascript阻止select函数都没有用 – 任何想法？示例表DND代码： http ：//tablednd.googlecode.com/svn-history/r12/trunk/index.html 来自相关表格的示例行： https://stackoverflow.com/questions/4911928/jquery-drag-and-drop-div-selection-with-images-and-text/images/6/PICT0001.JPG[Delete Image] https://stackoverflow.com/questions/4911928/jquery-drag-and-drop-div-selection-with-images-and-text/images/6/PICT0006.JPG[Delete Image]

如何创建jQuery价格滑块: 我一直试图找到一个教程，但没有运气。我不是要求任何人为我做这项工作，而是要看看是否有人知道任何有用的东西。所以基本上我需要我的滑块最小值为零和动态设置的最大值（获取动态值不是问题）。 0 ——————- o —————— 200 所以中间的’o’将是你可点击的滑动元素。我需要它在右边的框中输出你所在的数字。因此，在此示例中，它将输出100.非常类似于在video播放器上设置音量。基本上这是一个奖励积分系统，所以人们可以滑过他们有多少奖励积分，它将输出相当于多少磅。正如我所说，我更多寻求帮助找到一个教程，但如果有人可以发布一个会推动我朝着正确方向发展的片段，我将永远感激不尽。

Jquery UI – 从显示中获取一个元素：拖动时隐藏元素: 我有一组元素坐在另一个设置溢出的元素中的’conveyor’元素上：使用css隐藏。拖动时，如何将溢出设置为隐藏的holder元素的元素“out”？当我拖动“item”分类图像时，它只会在支架内拖动，当我尝试将其移动到支架“外部”时，它会隐藏，并且不会移动到旧支架元件之外。 $(‘.item’).draggable(); 我也尝试将新移动的元素附加到父元素，但是该项目不会恢复到我的持有者….请帮忙！试图附加项目： $(‘.item’).draggable( helper:’clone’; revert:’invalid’, start:function(){ $(this).parent().parent().append(this); } )

如何在固定位置使用jQuery draggable？: 它在firefox中运行得很完美，但是在chrome和opera中它不起作用。 has position:fixed, and is .draggable() 它除了firefox之外不起作用

jQuery UI对话框/拖动问题: 使用jQuery UI对话框。效果很好，但是目前，当我拖动一个对话框时，它不会移出屏幕（整个对话框总是在视口中）。有没有办法设置对话框，以便我可以将其部分拖离屏幕？

jQuery UI Draggable在第一次拖动时跳转: 请参考这个jsFiddle示例。在第一次拖动拖动时，它会跳出可视区域。但它仍然可以拖延。它只是不坚持鼠标光标。以下代码是我使用的主要JS代码。 $(‘.sortable’).sortable({ revert: true }); $(‘.draggable’).draggable({ connectToSortable : ‘.sortable’, revert : ‘invalid’ });

控制jQuery中的可拖动运动: 如何在jquery中控制draggable的de移动？我需要做类似于“snap to grid”的操作，其中draggable移动每个“x”和“y”像素我不能使用“grid：[x，y]”（2D），因为我需要在等距网格（3D）上进行拖动（我稍后会开发网格，我首先需要控制拖动）例如：当我开始拖动时，拖动不应该移动，当“x”和“y”处于某些条件下时，它必须捕捉到另一个位置提前致谢！

jQuery UI draggable不能处理新创建的DOM元素: 我有一些DOM元素可以使用jQuery UI拖动。所有工作正常但是当我使用jQuery创建一些元素时，它们根本不可拖动。即 $(‘div.draggable’).draggable(); //Existing element , it works 🙂 $(‘p.draggable’).draggable() ; //Newly created paragraph with same class name, it doesnt work at all 🙁 提前致谢！！！我正在尝试这个： $(document).ready(function(){ $(‘body’).append(‘Newly Created Paragraph’); $(‘p.draggable’).draggable(); **//This is not working** }); 但不知何故，这是有效的 $(document).ready(function(){ $(‘body’).append(‘Newly Created Paragraph’) .find(‘p.draggable’).draggable(); **This is working** });

jQuery UI可拖动约束: 我想要做的是在一个较小的div中包含一个大图像，用户可以在包含div中拖动（很容易）…类似于http://oneblackbear.com/draggable/index.html但是我想要阻止用户将其拖动到容器边界之外。使用上面的示例，用户可以将图像完全拖动到包含div之外…我想防止用户将图像拖到父div之外。我已经尝试过使用jQuery UI draggable，但问题是如果我将图像拖动到右下角并且不再可拖动时使用约束选项，因为子元素大于父约束。我不确定ui draggable约束是否仅用于较小的对象，而不是父容器。有没有人有任何想法怎么办？最好用jQuery Draggable？