知识大全 jQuery对元素进行拖动并重新排序代码

Posted 排列

篇首语:正确的道路是这样:吸取你的前辈所做的一切,然后再往前走。本文由小常识网(cha138.com)小编为大家整理,主要介绍了知识大全 jQuery对元素进行拖动并重新排序代码相关的知识,希望对你有一定的参考价值。

jQuery对元素进行拖动并重新排序代码  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!

本文章来给各位同学介绍jQuery对元素进行拖动并重新排序代码 我们像phpwind论坛一样直接在界面无刷新编辑并保存编辑的数据哦 这里都要基本jquery ajax来操作了

下边 我们一步一步来实现这个功能

 代码如下 复制代码

<span id="show"><div>    <input id="check" type="数据库中数据排序进行更改 隐藏域保存原来的图片排列顺序 ul显示图片列表

为了能看得过去 稍微加了点样式

 代码如下 复制代码

var show = jQuery("#show"); //输出提示 var orderlist = jQuery("#orderlist"); //原顺序 var check = jQuery("#check");

 //是否更新到                success: function()             show ("更新成功");             ); ;

接下来 将ajax更新块单独分出来 这样程序变得比较整洁 这块没有新东西

 代码如下 复制代码

//调用ajax更新方法 var Submit = function(update)     var order = [];     list children("li") each(function()         order push(this id);     );     var itemid = order join( );     //如果单选框选中 则更新表中排列顺序     if (update)         Update(itemid);         else         show ("");     ;

和得到排列顺序类似 将ID组成一个字符串传递给了Update()方法 函数中的参数update为checkbox是否选中

 代码如下 复制代码

//执行排列操作 list sortable(     opacity:     update: function()         Submit(check attr("checked"));     );

cha138/Article/program/Java/hx/201405/30802

相关参考

知识大全 jquery 获取表单元素里面的值示例代码

本文为大家详细介绍下通过jquery获取表单元素CheckBoxRadio等的值有需求的朋友可以参考下希望对大家有所帮助   jquery笔记复制代码代码如下:$(“input[name=r

知识大全 jquery获取表单元素里面的值示例代码

  本文为大家详细介绍下通过jquery获取表单元素CheckBoxRadio等的值有需求的朋友可以参考下希望对大家有所帮助  jquery笔记   代码如下 $(input[na

知识大全 jquery动态增加text元素以及删除文本内容实例代码

  这段代码是通过jquery动态增加限定数额的text(本例为个)以及清除文本内容用到了after()方法追加元素<!以下为script代码开始>复制代码代码如下:<script&

知识大全 Jquery同辈元素选中/未选中效果的实例代码

Jquery同辈元素选中/未选中效果的实例代码  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!这篇文

知识大全 jquery的相对父元素和相对文档定位示例代码

在开发jquery时候经常需要用到定位有相对父元素定位和相对文档定位本文为此总结下有需要的朋友可以参考下 cha138/Article/program/Java/JSP/20131

知识大全 jquery 定位input元素的几种方法小结

本文以定位到第三个文本框为例为大家详细介绍下jquery定位元素几种方法感兴趣的朋友可以参考下希望对大家有所帮助 复制代码代码如下:<><tableclass=”ed”&g

知识大全 网页最简短的拖动对象代码实例演示

  以前在网上看到的最简单的拖动对象的代码忘记作者叫什么了原始代码在IE下有些小问题并且声明了文档类型为x后在FF等非IE浏览器下无效对其进行了改进现在已经可兼容:IEFirefoxOpera<

知识大全 jquery定位input元素的几种方法小结

  本文以定位到第三个文本框为例为大家详细介绍下jquery定位元素几种方法感兴趣的朋友可以参考下希望对大家有所帮助  代码如下 <><tableclass=ed>&

知识大全 jquery的ajaxSubmit()异步上传图片并保存表单数据演示代码

jquery的ajaxSubmit()异步上传图片并保存表单数据演示代码  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们

知识大全 jquery中通过父级查找进行定位示例

如果想要查找到有icon这个class的span除了用原始的代码还可以用父级查询的方法进行定位具体的实现如下感兴趣的朋友可以参考下哈希望对大家有所帮助 复制代码代码如下:<ulid=“