2011-12-13 81 views
0

这里是我的代码:问题与投掷的选项jQuery的

$('.canDrag').draggable({ 
      revert:'invalid', 
      snap:'.dropSpace', 
      cursor:'move', 
      start:function() { 
       $(this).addClass('currentDrag'); 
      } 
     }); 

这是设置可拖动的元素并附着在start事件的功能。 这是droppable代码:

$('.trashSpace').droppable({ 

      drop:function() { 
       $('.currentDrag').remove(); 
      }, 
     }); 

为了澄清,我正在努力,以使文档的各种元素在下降时消失“垃圾”节我给自己定一个currentDrag类可拖动和设置丢弃功能removecurrentDrag类丢弃时。但删除不会发生。请帮忙。

+0

[Works for me](http://jsfiddle.net/q59CU/),有或没有逗号。 – Ryan

+0

@minitech Chrome和Firefox可以正常工作,但天知道IE或其他特殊浏览器可以使用额外的逗号。 – kubetz

+0

@ minitech - 在我原来的代码中,我有另一个选项后,下拉,所以逗号不是真的'额外'...说我的例子应该是你的一样,但我仍然无法正常工作。任何其他的想法? – dopatraman

回答

0

您在droppable代码中有一个额外的逗号。

$('.trashSpace').droppable({ 
    drop:function() { 
    $('.currentDrag').remove(); 
    }, // <-- here 
}); 

我测试了代码,使用jQuery 1.7.1和jQuery 1.8.13,它工作。

HERE是代码。

+0

@dzejkej ---在我原来的代码中,我有另一个选项后,下拉,所以逗号不是真的'额外'...说我的例子应该是你的一样,但我仍然不工作。任何其他的想法? – dopatraman

+0

@codeninja然后我猜这个问题是在你的代码中的其他地方,或者你正在使用不同版本的jQuery UI,在D&D中存在错误。您能否将您的页面链接或在jsfiddle.net或jsbin.com上发布不适合您的代码? – kubetz