jquery sortable用法
JquerySortable是一个非常实用的插件,可以让我们实现对列表、表格等元素的拖拽排序功能。使用Jquery Sortable可以让我们的页面更加方便、直观。具体使用方法如下:
1. 引入Jquery Sortable插件
jquery下载文件插件如何进行html注释 在页面中引入jquery.js和jquery-ui.js,然后引入sortable.js即可。
2. 创建Sortable对象
在页面中创建一个Sortable对象,用于对拖拽元素进行排序。例如:
$( '.sortable' ).sortable();
这里的”.sortable”表示需要进行排序的元素的类名,我们需要给需要排序的元素添加这个类名。
3. 指定选项
我们可以指定一些选项来控制Sortable对象的行为。例如:
下拉框四火星 $( '.sortable' ).sortable({
axis: 'x',
containment: 'parent'
});
这里的axis表示只能在水平方向上进行拖拽,containment表示只能在父元素范围内拖拽。
4. 事件处理
Sortable对象会触发一些事件,我们可以通过绑定这些事件来处理拖拽排序过程中的一些操作。例如:
$( '.sortable' ).sortable({
start: function(event, ui) {
console.log('开始拖拽');
},
stop: function(event, ui) {
console.log('停止拖拽');
}
在线查看网页源代码工具 });
这里的start表示开始拖拽事件,stop表示停止拖拽事件。我们可以根据需要在这些事件中进行一些操作,比如保存拖拽后的顺序。
以上就是使用Jquery Sortable的基本方法,希望对大家有所帮助。
js字符串截取小数点后两位>junit包在哪个目录
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论