Asp.net mvc 4 如何在jQuery中获取可拖动元素的值?
我正在使用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: ----------------
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示例。