文章/答案/技术大牛

发布

社区首页 >问答首页 >双击Jquery删除元素

问双击Jquery删除元素
EN

Stack Overflow用户

提问于 2011-07-27 22:04:19

回答 1查看 2K关注 0票数 0

Jquery拖放问题

我想删除div容器中的一些元素。我的脚本是这样的:我把元素拖到#deleteArea中，然后元素就出来了。脚本：

  $("#deleteArea").droppable
     ({
         drop: function(event, ui) { 
            alert('in');
         deleteImage(ui.draggable,ui.helper); 
         }, 
         over: function() {
                   $(this).css('backgroundColor', '#cedae3');
            },
             out: function() {
                    $(this).css('backgroundColor', '#ffffff');
            },
        });

和

function deleteImage($draggable,$helper)
         {
         params = 'id=' + $draggable.attr('id');

         $.ajax({
         url: 'delete.php',
         type: 'POST',
         data: params,
          success: function(msg){  
                                   }
         });
         $helper.effect('transfer', { to: '#deleteArea', className: 'ui-effects-transfer' },500);
         $draggable.hide();
         }

现在我想通过双击来删除元素。我试着从上面的脚本开始，这段小代码：

  $('.produse').dblclick(function(event, ui) { 
            alert('in');
         deleteImage(ui.draggable,ui.helper); 
         });

但是我收到"ui未定义“，我不知道该怎么办。请帮帮忙

jquery

drag-and-drop

click

double

回答 1

Stack Overflow用户

发布于 2011-07-27 23:48:28

您没有正确地将参数传递给单击处理程序。

在这段代码中：

$('.produse').dblclick(function(event, ui) { 
        alert('in');
     deleteImage(ui.draggable,ui.helper); 
     });

您尚未正确声明匿名函数的参数。如果您查看jQuery doc for .dblclick()，有两种调用它的方式：

.dblclick(handler(event))

或

.dblclick([eventData,] handler(event))

这两种方法都没有使用。

如果您想将一些数据传递给dlbclick处理程序，它的工作方式如下所示：

$('.produse').dblclick({uiData: ui}, function(event) { 
        alert('in');
     deleteImage(event.data.uiData.draggable, event.data.uiData.helper); 
     });

你可以在这里看到它的实际效果：http://jsfiddle.net/jfriend00/NUU8s/

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/6845749

复制

相似问题

问双击Jquery删除元素
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问双击Jquery删除元素EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问双击Jquery删除元素
EN