使用这个想法,我每轮有4个插槽(多轮,分页)。在从人员列表中拖动时,我希望替换占位符,并将列表中的项数限制为4。
那么,使用连接的可排序列表还是自定义可拖动的可下垂插件更好呢?
我可以获得基本知识,但我很难让这种感觉正确,因为它只是感觉太像jQuery-UI可排序列表,而不是掉进插槽/替换选择占位符.
建议?
发布于 2014-02-14 21:08:28
更新的
var sorting = false;
var pickArray = [];
$('.picks-group li').each(function(){
pickArray.push($(this).text());
});
$('.picks-group li').droppable({
drop: function (event, ui) {
if(!sorting)
$(this).text(ui.helper.text()).addClass('done');
}
});
$('#players-list li').draggable({
helper: 'clone',
revert: 'invalid'
});
$('.picks-group').sortable({
start: function (event, ui) {
sorting = true;
},
stop: function (event, ui) {
sorting = false;
},
change: function (event, ui) {
$(this).find('li').not('.ui-sortable-helper').each(function(index){
if(!$(this).hasClass('done'))
$(this).text(pickArray[index]);
});
}
});
$('.picks-group li').mousedown(function(){
if(!$(this).hasClass('done'))
return false;
});
示例:
小提琴
https://stackoverflow.com/questions/21786512
复制相似问题