2013-12-12 51 views
0

我有兩個並排的框,即使代碼工作,我想添加一個雙擊動畫蓬勃發展。添加雙擊拖動/ droppable :: javascript

here is the jsfiddle 

http://jsfiddle.net/2Kqse/

我怎麼會去增加一個雙擊我已經有代碼,以便以及拖放雙擊將動畫圖標入框。

也許它可以用css?有任何想法嗎?

謝謝:)

+0

您怎樣都有點吃力?從你的jsFiddle中,你已經將這些盒子製作成了一個特定的點,當它們沒有被放在一邊時。爲什麼不在dblclick jQuery事件上做同樣的事情? – johnsoe

回答

0

我會做這樣的事情。你可以改變jQuery動畫的種類。你可以檢查這個鏈接,看看不同種類的動畫: http://api.jquery.com/show/ 希望這會有所幫助。

$(".draggable").draggable({ 
revert: "invalid" 
}) 
.dblclick(function(){ 
    $('.BtnReport').show(); 
    if ($(this).parent().attr("id") != "drop") { 
    $(this).hide().appendTo("#drop").show('slow'); 
    } else { 
    $(this).hide().appendTo("#grid").show('slow'); 
    } 
}); 

http://jsfiddle.net/M8qyF/

+0

除此之外,我不得不稍微修改這些以停止列表中的圖標。這很好。謝謝:) $(this).hide()。appendTo(「#drop」)。show('slow')。css({top:0,left:0,d​​isplay:'inline-block'} );' – Rhaebosis

+0

:D不客氣 – Jaime

+0

這似乎不再適用。這是我的代碼: $(「#」+ divPopupDialogId +「-popup」)。draggable(取消:「.PopupBody,.ui-link,.ui-btn,.ui-flipswitch」, iframeFix: true,//要求iFrame事件正常工作 containment:「#」+ divPopupDialogId +「-screen」, })。dblclick(function(){console.log(「dblclick」);});' – vbguyny