jQuery可拖动和调用函数

我有一个游戏桌布置在网格中，我想拖动任何正方形到另一个方形，并调用一个函数。游戏广场必须有一个与他们代表的游戏相对应的id（或者包含带有该ID的div）。jQuery可拖动和调用函数

我想拖动任何表格单元格到任何其他表格单元格并调用两个id号码的ajax动作，所以我可以交换游戏预订。

我不知道从哪里开始，也找不到任何接近的东西。

2011-10-05 markhorrocks

你检查了jQuery可拖动？看看这里：http://jqueryui.com/demos/draggable/ – andrew

是的，我有如何，但是这并没有告诉我如何从每个元素中提取ID号码。此外，我需要让每个盒子的ID都被换成游戏的ID。我见过的例子与已知的id被拖到另一个已知的id有关，因为这可以是任何td或div到网格中的任何其他td或div。该示例的一个问题是从单个已知的div拖到另一个。我需要能够从一个任意命名的id拖动到另一个，并提取2个id号码作为ajax调用的参数。 – markhorrocks

也许是一种类似的方法。读取rel属性中的内容，而不是id。例如：

blah blah

这样，您可以猜出id名称，因为它会是[table_cell_xxx]，其中您从rel属性获得的xxx。 – andrew

是的，我有如何，但没有告诉我如何从每个元素中提取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(...); 
      } 
    });

来源

2012-08-15 17:43:21 travis

jQuery可拖动和调用函数

回答

相关问题