jquery实现穿梭框（穿梭框支持二级标签或者多级标签吗）
本文目录
穿梭框支持二级标签或者多级标签吗
官方文档好像没有二级标签的说明,如果没有希望后面能支持二级或者多级标签
如图：
图中所用的插件是JQuery MultiSelect，暂时替代下ant的穿梭框
11月18日提问
求一个使用jQuery插件，实现一个页面的DIV层拖拽
我前几天写了个..放我QQ空间了..你可以自己去看看...实现一个层的拖动..你可以参考下..呵呵.如果不嫌弃的话.代码还是很好理解的..
***隐藏网址***
《html》
《head》
《title》无标题文档《/title》
《script src="../jquery-1.2.1.js"》《/script》
《script》
(function($){
$.fn.drag_div=function(event){
return this.mousedown(function(event){
//当鼠标点击时鼠标的坐标-被拖动元素的left
var x=event.pageX-parseInt($(this).css(’left’));
//当鼠标点击时鼠标的坐标-被拖动元素的top
var y=event.pageY-parseInt($(this).css(’top’));
//点击不放开鼠标移动鼠标时触发事件
$(this).mousemove(function(event){
//移动鼠标时，层的left和top,width,height
var _x=parseInt($(this).css(’left’));
var _y=parseInt($(this).css(’top’));
var width=parseInt($(this).width());
var height=parseInt($(this).height());
//当鼠标的坐标在层内部时.为了解决快速移动鼠标而出现的bug
//if(event.pageX》_x && event.pageX《(_x+width) && event.pageY》_y && event.pageY《(_y+height)){
//var pagex=event.pageX;
//var pagey=event.pageY;
//var now_x=event.pageX-x;
//var now_y=event.pageY-y;
$(this).css({left:now_x,top:now_y});
//else解绑事件
//}
//else{
// $(this).unbind(’mousemove’);
//}
});
//鼠标弹起解绑事件
}).mouseup(function(){
$(this).unbind(’mousemove’);
});
};
})(jQuery);
$(function(){
$(’#drag’).drag_div(event);
});
《/script》
《style》
#drag{
border:2px solid #000;
background:#6633FF;
width:200px;
height:200px;
cursor:move;
position:absolute;
left:0;
top:0;
}
《/style》
《/head》
《body》
《div id="drag"》《/div》
《/body》
《/html》
这只是一个层的拖动..你应该看的懂原理的..稍微改改可以变成你想要的...
$（this）和$（）的区别是什么
1、表示对象不同：this表示的是javascript提供的当前对象，$(this)表示的是用jquery封装候的当前对象。
2、过程不同：this对象可以直接用this.style修改样式，$(this)可以使用jquery提供的方法访问样式。
比如this.style.display="none"在jquery中可以用$(this).css("display","none")实现。
扩展资料：
$(this)生成的是什么？
$()生成的是什么呢？实际上$()=jquery()，就是说返回的是一个jquery的对象。
通常我们为了简便直接使用$()。实际上，该函数省略了一个参数context。根据选择器选取匹配的对象即$(selector, context)，以jQuery包装集的形式返回。
context可以是Dom对象集合或jQuery包装集，传入则表示要从context中选择匹配的对象，不传入则表示范围为文档对象(即页面全部对象)，即$(selector)=$(selector,document)。
this指的是，调用函数的那个html对象。
this，表示当前的上下文对象是一个html对象，可以调用html对象所拥有的属性和方法。
$(this),代表的上下文对象是一个jquery的上下文对象，可以调用jquery的方法和属性值。
更多文章：
2026年9月7日 22:30
blast premier春季赛（csgo战队vitality有谁）
2026年9月7日 21:50
2026年9月7日 20:30
全球新冠肺炎疫情背景下航运发展（盐田港复苏日志：半年历劫从“低谷”到“爆仓” 疫情之后巨轮如何越洋航行）
2026年9月7日 17:10
matlab求解带字母参数方程组（我想matlab求一个关于x，y的方程组 ab c d f e h m n 都是参数）
2026年9月7日 16:30
oracle中的循环语句（下面哪个不是oracle程序设计中的循环语句 a for）
2026年9月7日 15:30
2026年9月7日 15:10
2026年9月7日 14:10
电脑里2个系统怎么删除一个（电脑开机显示有两个系统，如何删除一个）
2026年9月7日 12:20
2026年9月7日 10:20
