2012-09-25 50 views
0

這是我遇到的問題:我已經創建了幾個可拖動的元素,但是當我可放開元素上刪除一個,它不會呆在那裏 。 下面是詳細信息。問題與jQuery UI「可放開」

我的JavaScript函數從PHP接收JSON數組,然後使用一個循環來創建可拖動元素:

<script type="text/javascript"> 
    function init() { 
     var items = <?php echo $result_j;?>; //items is an one dimensional array 

     for (var i=0; i<<?php echo $total_rows_j;?>; i++) {  
      $('<div>' + items[i] + '</div>').data('item_name', items[i]).attr('class', 'snk_button').appendTo('#drag'); 
     } 

隨着「項的數組我已經創建了幾個div元素(上面的代碼),我然後轉拖入可拖動元素(下面的代碼)。所以,一切似乎都如預期,我可以拖動我的元素(從'項目'數組創建)。

接下來,我創建了投擲的元素,如下圖所示:

  $("#dropp").droppable({ 
     drop: function() { 
     alert('ok'); 
      } 
     }); 
    }// End function init() 
</script> 

但是,當我拖我可拖動的元素之一這投擲的元素上,我甚至得到了警報,但可拖動的元素不留放在可丟棄的元素上。

任何人都可以請幫我鑑定,爲什麼我拖動元素也不留可放開元素?

在此先感謝您的幫助!

+0

回覆= true意味着它會恢復到位置就拖停止 –

回答

0

非常感謝我指出了正確的方向上。

我有如下編輯我投擲的代碼: 我在下面的方式來解決這方面的問題

$("#filtered").droppable(
    drop: handleDrop 
}); 

function handleDrop(event, ui) { 
    ui.draggable.draggable('option', 'revert', false); 
} // End function handleDrop 

這解決了可拖動的不是停留在可投放的問題(以前描述)。

+0

阿希什嗨,不知道如何「把這個問題」,所以,我創造了另一篇文章,可以在這裏找到:[鏈接](HTTP ://stackoverflow.com/questions/12587904/issue-with-jquery-ui-droppable-post-2) –

1

您已經使用revert :true ..這意味着

還原意味着如果設置爲true,該元素將拖動停止時返回到起始位置。可能的字符串值:'有效','無效'。如果設置爲無效,恢復如果拖動尚未在可投放下降纔會發生。爲了有效,這是相反的。

也許你需要invalid的情況下,你的draggable元素不掉線合適的元素