Asp.net mvc 4 如何在jQuery中获取可拖动元素的值?

Asp.net mvc 4 如何在jQuery中获取可拖动元素的值?,asp.net-mvc-4,jquery-ui,drag-and-drop,draggable,droppable,Asp.net Mvc 4,Jquery Ui,Drag And Drop,Draggable,Droppable,我正在使用jQuery实现拖放。我想得到可拖动控件的值 Draggable Control: ------------------ <li>@Html.Label(temp.Label, new { id = "droppable", style = "color:black; width:auto", value = temp.Key })</li> Function to show draggable control value: ----------------

我正在使用jQuery实现拖放。我想得到可拖动控件的值

Draggable Control:
------------------

<li>@Html.Label(temp.Label, new { id = "droppable", style = "color:black; width:auto", value = temp.Key })</li>

Function to show draggable control value:
-----------------------------------------

     function initDroppable($elements) 
     {
            $elements.droppable({
                drop: function (event, ui) {
                    var tempid = ui.draggable;
                    var value = tempid.attr("value");
                    alert(value);
                }
            });
      }
可拖动控件:
------------------
  • @Label(temp.Label,新的{id=“droppable”,style=“color:black;width:auto”,value=temp.Key})
  • 用于显示可拖动控制值的函数: ----------------------------------------- 函数initdropable($elements) { $elements.dropable({ drop:函数(事件、用户界面){ var tempid=ui.draggable; var值=临时属性(“值”); 警报(值); } }); }
    尝试上述代码,但输出为“未定义”。我试过很多似乎不起作用的方法。感谢您的帮助,谢谢

    变化:

    var tempid = ui.draggable;
    
    致:

    然后通过
    attr
    方法访问该值:

    var value = tempid.attr("value");
    
    更改:

    var tempid = ui.draggable;
    
    致:

    然后通过
    attr
    方法访问该值:

    var value = tempid.attr("value");
    

    再加上@Stuart,我们是在寻找
    输入
    还是
    标签
    ?像这样:

    var tempid = $(ui.draggable).find("input");
    var value = tempid.val();
    
    我怀疑拖动的项目类似于:

    <li>
      <label id="droppable" style="color:black; width:auto" value="1">Temp</label>
    </li>
    
    与:


    再加上@Stuart,我们是在寻找
    输入
    还是
    标签
    ?像这样:

    var tempid = $(ui.draggable).find("input");
    var value = tempid.val();
    
    我怀疑拖动的项目类似于:

    <li>
      <label id="droppable" style="color:black; width:auto" value="1">Temp</label>
    </li>
    
    与:


    @stuart不走运,它仍然显示值为“未定义”,您是否尝试过
    var tempid=ui.draggable.value?我怀疑我们在整个例子中遗漏了一些东西。被拖动的元素是
    输入
    还是
    输入
    包装在
    li
    中?它包装在无序列表中
    • @Html.Label(temp.Label,new{id=“droppable”,style=“color:black;width:auto”,value=temp.Key})
    • /ul Chaitanya请查看我发布的答案。还会要求您向代码中添加
      console.log(ui.draggable)
      ,并提供控制台中的详细信息或生成的HTML示例。如果@stuart运气不好,它仍将值显示为“未定义”,您是否尝试过
      var tempid=ui.draggable.value?我怀疑我们在整个例子中遗漏了一些东西。被拖动的元素是
      输入
      还是
      输入
      包装在
      li
      中?它包装在无序列表中
      • @Html.Label(temp.Label,new{id=“droppable”,style=“color:black;width:auto”,value=temp.Key})
      • /ul Chaitanya请查看我发布的答案。还会要求您向代码中添加
        console.log(ui.draggable)
        ,并提供控制台中的详细信息或生成的HTML示例。