【问题标题】:Add ID when draggable is dropped in a droppable zone - jQuery Draggables将可拖放对象拖放到可拖放区域时添加 ID - jQuery Draggables
【发布时间】:2014-03-24 19:15:11
【问题描述】:

我在这个页面上使用 jQuery 可拖动对象:

一旦用户将其中一个可拖动对象拖入拖放区,我就为按钮添加了一个fadeIn 以“保存”拖到该位置的值。

我想获取放置在拖放区域中的可拖动内容(单词)。为此,我认为只有在将特定可拖动对象添加到特定可放置区域时才需要添加 ID。

那我就可以用getElementById来获取内值了。

我的问题是,使用以下内容添加 ID:

$('element').attr('id', 'value');

但我不确定如何仅选择这次放置在放置区中的可拖动对象...不是页面上的所有可拖动对象。

这是放置某物时的代码:

drop: function() {
    $(this).droppable('disable');
  },

以上代码目前用于禁用可放置区域(从而将可拖动区域固定在适当的位置,因此无法移除)。

【问题讨论】:

    标签: javascript jquery jquery-ui drag-and-drop


    【解决方案1】:

    元素应该传递给函数尝试以下操作:

    drop: function(event, ui) {
        alert(ui.draggable.text());
      },
    

    查看http://api.jqueryui.com/droppable/#event-drop

    【讨论】:

    • 我试过这个,但它似乎没有做任何事情。尝试将 dropOne 归因于 OP 中发布的 drop() 函数的值,但没有更改。
    • 是的,我只是想获取单词并将其存储在 PHP var 中(可能是 jQuery var,就在某个地方)。但它需要在单独的脚本运行中发生。看我的链接。拖动绿色图块,然后出现“保存”按钮。单击“保存”,它应该运行一个函数 saveWords(),该函数将放置的图块的字符串存储在一个变量中以供以后使用。
    • 我已尝试使用您更改的代码,但从未得到任何反馈。没有警报,也没有任何额外的 ID。
    • 对不起,我看不到你的链接......它应该可以获取元素文本jsfiddle.net/_wilmer/bFQ8h/1
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多