2011-12-13 56 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