重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
这是与我公司的项目获得兼容。
公司主营业务:网站设计、做网站、移动网站开发等业务。帮助企业客户真正实现互联网宣传,提高企业的竞争能力。成都创新互联公司是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化,感谢他们对我们的高要求,感谢他们从不同领域给我们带来的挑战,让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。成都创新互联公司推出牟平免费做网站回馈大家。
的功能ScollPostion(){/ /滚动条位置
VAR T,L,W,H;
(document.documentElement document.documentElement.scrollTop){
T = document.documentElement.scrollTop;
L = document.documentElement.scrollLeft;
(W = document.documentElement.scrollWidth);
H = document.documentElement.scrollHeight;
代码} else if( document.body的){
T = document.body.scrollTop;
L = document.body.scrollLeft;
W = document.body.scrollWidth;
H = document.body的。 scrollHeight;
}
回顶:左:T,L,宽度W,高度:H {};
}
这个还得自己写代码实现,插件本身应该没有的。
因为逻辑上并不是非常简单,实现起来应该不难,需要考虑这么几点
你所谓的几个一起拖,其中还可以分成好几种情况,你想明白了到底你想要的效果是怎么样的了吗?选择的部分可以分为:一、选中相邻的几个一起拖,二、选中不相邻的几个一起拖 拖放目的地可以分为,一、中间部分 二、上下边界处。各个情况还是要事先想好出什么效果才行。比如,选中1和3两个item向上拖,那1怎么处理?
另外要解决的是用什么方式选中多个?是给各个item加一个类似checkbox的东西来表示当前item的选中状况呢?还是类似系统的按住ctrl建或shift键来多选呢?
主要就这两个问题,找一下如何解决,程序应该用不了几行代码的
sortable 是一个实现拖放效果的插件
tablesorter 是实现前段数据表格处理的插件
也就是jquery-ui中的sortable插件和draggable创建一起使用。官方示例(右侧Examples中的“jQuery UI Draggable+Sortable”):。
!doctype htmlhtml lang="en"head meta charset="utf-8" meta name="viewport" content="width=device-width, initial-scale=1" titlejQuery UI Draggable + Sortable/title link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" link rel="stylesheet" href="/resources/demos/style.css" style ul { list-style-type: none; margin: 0; padding: 0; margin-bottom: 10px; } li { margin: 5px; padding: 5px; width: 150px; } /style script src=""/script script src=""/script script $( function() { $( "#sortable" ).sortable({ revert: true }); $( "#draggable" ).draggable({ connectToSortable: "#sortable", helper: "clone", revert: "invalid" }); $( "ul, li" ).disableSelection(); } ); /script/headbody ul li id="draggable" class="ui-state-highlight"Drag me down/li/ul ul id="sortable" li class="ui-state-default"Item 1/li li class="ui-state-default"Item 2/li li class="ui-state-default"Item 3/li li class="ui-state-default"Item 4/li li class="ui-state-default"Item 5/li/ul /body/html
这个要自己改造一下jq ui的sortable:
XML/HTML code?
script
$.widget("my.sortable", $.extend({ }, $.ui.sortable.prototype, {
_rearrange: function(event, i, a, hardRefresh) {
var sortable = ".sortableitem", unmovable = ":not(.sortableitem)";
var fixed = $(i.item[0]).parent().find(unmovable);
var orginalPos = fixed.map(function() {
return $(this).index();
});
$.ui.sortable.prototype._rearrange.apply(this, arguments);
fixed.each(function (n) {
var el = $(this), index = orginalPos[n];
if (el.index() index) {
el.before(el.nextAll(sortable+':first'));
}
else if (el.index() index) {
$(el.nextUntil(sortable).last()[0] || el).after(el.prev());
}
});
}
}));
/script
script
$(function () {
$(".moveCss").sortable({items:'.sortableitem'});
});
/script