2011-10-05 67 views
0

我有一個遊戲桌布置在網格中,我想拖動任何正方形到另一個方形,並調用一個函數。遊戲廣場必須有一個與他們代表的遊戲相對應的id(或者包含帶有該ID的div)。jQuery可拖動和調用函數

我想拖動任何表格單元格到任何其他表格單元格並調用兩個id號碼的ajax動作,所以我可以交換遊戲預訂。

我不知道從哪裏開始,也找不到任何接近的東西。

+0

你檢查了jQuery可拖動?看看這裏:http://jqueryui.com/demos/draggable/ – andrew

+0

是的,我有如何,但是這並沒有告訴我如何從每個元素中提取ID號碼。此外,我需要讓每個盒子的ID都被換成遊戲的ID。我見過的例子與已知的id被拖到另一個已知的id有關,因爲這可以是任何td或div到網格中的任何其他td或div。該示例的一個問題是從單個已知的div拖到另一個。我需要能夠從一個任意命名的id拖動到另一個,並提取2個id號碼作爲ajax調用的參數。 – markhorrocks

+0

也許是一種類似的方法。讀取rel屬性中的內容,而不是id。例如:

blah blah
這樣,您可以猜出id名稱,因爲它會是[table_cell_xxx],其中您從rel屬性獲得的xxx。 – andrew

回答

0

是的,我有如何,但沒有告訴我如何從每個元素中提取id號。

您應該能夠在執行放置時獲得所需的一切。 如果你的基本設置是:

<table><tr><td id="cell_1"></td><td id="cell_2"></td></tr></table> 

只需設置爲可拖動和投擲的這種細胞在drop事件:

$('td').draggable().droppable({ 
      drop: function(event, ui) { 
        var dragged_id = ui.draggable.attr('id'); // cell that was dragged 
        var dropped_id = $(this).attr('id'); // cell dropped into 
        $.ajax(...); 
      } 
    });