jquery拖动元素

时间:2009-07-31 06:47:46

标签: jquery jquery-ui element drag

我有一个问题,我无法理解在draagable函数中传递什么来使elemnt draagable。 我想做我的 通过其id测试可拖动。 任何人都可以告诉我如何做到这一点。

代码示例

normal_tag11=' <div style="position:fixed" id="Normal_Tag1_div_dummy'+count1+'" class ="Normal_Tag1_div_dummy" >'+ 'Normal DUMMY</div>'; 
var id='Normal_Tag1_div_dummy'+count1; document.getElementById('droppable').innerHTML+=normal_tag11; 
$('#id').draggable({ });

3 个答案:

答案 0 :(得分:1)

$("#test").draggable();

如果您使用的是jQueryui

$("#test")

选择id为'test'的div元素

在您的代码中,您没有ID为“id”的元素。更改您的代码

normal_tag11=' <div style="position:fixed" id="Normal_Tag1_div_dummy'+count1+'" class ="Normal_Tag1_div_dummy" >'+ 'Normal DUMMY</div>'; 
var id='#Normal_Tag1_div_dummy'+count1; document.getElementById('droppable').innerHTML+=normal_tag11; 
$(id).draggable();

答案 1 :(得分:1)

您无需将任何参数传递给draggable()。

检查你是否真的包含了一个包含draggable的jQuery UI版本(draggable不是jQuery的一部分)。

否则,查找代码中可能阻止执行draggable的行的其他错误。

关于你添加的代码示例,如果你的意图是选择id变量中定义的id的元素(而不是你正在选择的id为“id”的元素),你应该使用:

$(id).draggable();

答案 2 :(得分:0)

检查demo。代码非常简单。