Tag: 拖放

hoverdroppable时更改拖动克隆的大小？

$(“.drag”).draggable({ helper: ‘clone’, appendTo: “body” }); $( “.drop” ).droppable({ over: function(event, ui) { $(ui.draggable).css({width:’30px’,height:’30px’}); }, drop: function( event, ui ) { if($(ui.draggable).parent() !==$(this)){ $(ui.draggable).appendTo($( this )); $(ui.draggable).tooltip({ disabled: true }); $(ui.draggable).css({float:’left’}); } }}); 我正在尝试更改拖动克隆项目的大小，当我将鼠标hover在可放置区域上但保留原始大小相同（以便当鼠标hover在正确的放置区域时，附加到鼠标的项目会缩小）。 此代码更改原始但不更改克隆。 有什么建议？

拖放照片预览不是万能的

照片预览无效，请帮帮我 //single photo upload with box click //keyValPImage stores the box image in array $(“.dzq-img-box “) .on( ‘click’, this, function() { $(”) .click() .on( “change”, function(event) { event .stopImmediatePropagation(); var files = !!this.files ? this.files : []; if (!files.length || !window.FileReader) { return false; // no file selected, or no FileReader support } if (/^image/ […]

Jquery选择多个拖放

我想从一个框中选择多个列表并将其拖入另一个框中是否可以使用jquery？

Magento：创建一个拖放巧克力盒子选择器

我们希望做的是更换这个基于Flash的解决方案http://www.kennedyschocolates.co.uk/buy-online/make-your-own-selection这是建立并集成到Joomla / Virtuemart并成功地为一个年数。 但是，我们希望将客户端转移到Magento（原因很明显！）但是拖放选择器对于我们的客户来说是不可或缺的，因为它提供了高比例的订单。 这种拖放系统允许用户构建自己的巧克力盒。 首先，他们挑选一个盒子的样式和大小，然后继续挑选他们的巧克力 – 这些可以过滤类型，即牛奶，白色，黑色和味道; 坚果，咖啡等。然后将其作为项目直接添加到购物篮中，直接添加到Joomla / Virtuemart。 当我们重新审视它时，我们更愿意使用HTML / JavaScript而不是Flash来开发它，并且有兴趣听听我们如何最好地接近这个或者其他人已经取得了某些成果。 谢谢，达伦

JQuery：如何将多行从一个表拖到另一个表？

这是小提琴 我有一个可以多行选择的可拖动行的表，但是我想将它们一起拖到另一个表中并将它们拖放到那里 – 不要作为附加元素附加到另一个表中，而是用信息做一些事情，即表格提交。 我的例子最初基于我在这里找到的另一个演示： 多拖动演示 以下是此问题基本示例的HTML代码。 Row 1 Row 2 Row 3 accomplished 这是JQuery代码 $(‘.droppableItem’) .bind(‘dragenter dragover’, false) .bind(‘drop’, function(event){ accomplished($(this),event); }); $(‘.DraggableThings tr’).bind(‘click’, function () { $(this).toggleClass(“selected”); }); $(‘.DraggableThings tr’).bind(‘dragstart’, function(event){ var mytext = event.target.innerText; event.originalEvent.dataTransfer.setData(‘txt’, mytext ); }); $(‘.DraggableThings tr’).drag(“init”, function () { return $(‘.selected’); }).drag(function (ev, dd) { $(this).css({ top: dd.offsetY, […]

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插件）在多项选择测验中拖放答案

我正在创建一个网页，用户必须在测验中连接两个列表中的元素。 例如，想象一个测验问题，其中有两个列表，一个包含国家/地区，另一个包含大写字母，用户必须将大写字母连接到正确的国家/地区。 优选地，应该有一种方式供用户将元素从第二列表拖动到第一列表的元素旁边的区域。 像这样： 在这里，您可以将蓝色框拖动到灰色矩形中。 是否有jQuery插件或其他JavaScript库已经完成了这样的事情？ 或者我必须自己实施吗？ 如果是这样，是否有人指出描述类似问题解决方案的文章，或者有关如何最好地解决这个问题的想法？

使用jQuery拖放排序列表

我需要一个jQuery来订购这样的列表： http://jqueryui.com/demos/sortable/ 但我需要使用CTRL键示例一次移动多个项目。 你知道这个剧本吗？

使用jQuery拖动div会导致页面突出显示

请参考我之前关于实施拖放的问题 。 我把一切都搞好了，但是现在当我拖动其中一个列表项时，它几乎突出了页面上的所有内容。 根据前一个问题的答案，我如何制作它以便在拖动时不突出显示任何内容？ 我的实际代码是3个不同的文件，并且与接受的答案中的示例有很大不同（更多），因此我将仅在必要时发布它。 这是通过draggable和droppable元素使用jQuery的function。 此function实现如此（重命名和缩短的东西）： $(function () { InitMySystem(); $(“#MyList li”).draggable({ revert: true }); $(“#MyDropBox”).droppable({ drop: function (event, ui) { HandleDrop(selIndex, 0); } }); });

通过单击并拖动来创建div

我希望能够通过单击和拖动在我的应用程序中创建一个div。 单击将启动div创建，而拖动则会调整div的大小。 我在几个jquery日历插件中看到了类似的function，我希望能够在我的应用程序中完成它。 谁能引导我走向正确的方向？ 任何jQuery插件或我缺少的东西？ 感谢你的帮助。