在jquery UI拖拽效果中,如何找到被拖拽的拖拽效果?
$('#test').droppable({
drop: function (e,ui) {
//$(this) means the drop-container
//How can I use the "ui" parameter find the being draged one?
}
}
}
我有一个拖拽列表(.field),你可以拖拽项目到一个可排序列表(.sortlist)中。我这样做是因为我不想以任何方式修改主列表(.field)。它工作得很好,除了我不知道如何操作可排序列表中被删除的字段。
我可以通过在droppable ()中的'drop:‘函数中使用以下代码从可拖动对象拖入可放入区域:
$(this).append('html code here to change content of dragged field');
但是,这在sortable()中不起作用。我的代码如下所示:
$(".sortlist").sortable(
我有9个DIVs,我可以拖拽所有的DIVs。现在,我想让它们在其中一个被拖动时以相同的模式移动(就像我拖动所有它们一样)。
$(".draggable").draggable({
drag: function(event,ui){
//i don't know what to write here, as i don't know what event and ui are.
// an .each will solve the problem if i get to know what these 2 arguments are
我有一组元素可以被拖拽(如果需要的话),当用户停止拖拽操作时,我需要一个表单出现(通过拖拽:停止或拖放)来更新移动的对象,如果用户取消了Modal表单,我想让项目“恢复”到用户拖动它的原始位置。因此,似乎有几个选择:
对于我来说,这是众所周知的“先有鸡还是先有蛋”的场景,我相信您很快就会告诉我根本不是这样的,但它是这样的吗:在成功时拖放,或者在使用revert:invalid时拖放并“做点什么”
$("#draggable").draggable({
//revert: true,
revert: "invalid",//only works with
我正在使用jQuery UI执行一些拖放操作。我在试着找出可拖拽的东西在哪。
有人能帮上忙吗?这是我的代码。
$(".draggable").draggable({
stop: function(event, ui){
console.log(event);
// I need the element which this draggable is correct in.
}
});
当拖拽的<li>离开可丢弃的#div1时,如何强制拖拽的<li>丢弃?
$("li").draggable();
$("#div1").droppable({
tolerance:'pointer',
drop:function (event,ui) {
alert("dropped")
},
out:function (event,ui){
//if out then drop the li
}
}
我试图拖动拖放的元素,它是被拖动元素的克隆,但当我拖动该元素时,它会在页面中创建另一个元素。这是我的代码..
jQuery(function() {
jQuery(".component").draggable({
// use a helper-clone that is append to 'body' so is not 'contained' by a pane
helper: function () {
return jQuery(this).clone().appe