87,907
社区成员
发帖
与我相关
我的任务
分享
$(function(){
//引用主页面中的所有块
var els = ['#magazine_main'];
var $els = $(els.toString());
var sortableUpdate = function(e, ui){
var div= $("#magazine_main div");
for(var i=0;i<div.size();i++){
$(div[i]).find("h2").html("Page 0"+(i+2));
$(div[i]).find("#hd_startPage_"+(i+2)).val(i+2);
}
};
//使用jQuery插件
$els.sortable({
items: '> LI', //拖拽对象
handle: 'DIV', //可触发该事件的对象
cursor: 'move', //鼠标样式
opacity: 0.8, //拖拽时透明
appendTo: 'body',
connectWith: els,
start: function(e,ui) {
ui.helper.css("width", ui.item.width());
},
update: sortableUpdate
});
});
如何获取 被移动的 元素的 集合??难道必须遍历全部吗?、
还有 能不能 通过设置属性 使 几个 一起拖动??
被拖的对象,应该是当前拖动元素。就是触发事件中的this指向,在插件的示例或api docs中应该有的
你看看
items: '> LI', //拖拽对象
handle: 'DIV', //可触发该事件的对象
通过这个就可以知道是li是拖拽的对象,如果要拖动多个。就设置div那么div里面的li就被一起拖动了
或是ul也可以,当然要看看有没有ul了。这个就在于你对象的布局了。