首页 > web前端 > js教程 > jquery实现可拖动DIV自定义保存到数据的实例_jquery

jquery实现可拖动DIV自定义保存到数据的实例_jquery

WBOY
发布: 2016-05-16 17:13:35
原创
960 人浏览过

看到一个不错的jquery插件,可拖动DIV,顺序可保存到数据库的一个实例:这里就以其中PHP实例简单说明一下:

复制代码 代码如下:

//post到后台的数据 
    if ($_POST) { 
        $ids = $_POST["ids"]; 
        for ($idx = 0; $idx             $id = $ids[$idx]; 
            $ordinal = $idx; 
            //... 
        } 
        return; 
    } 
?> 

复制代码 代码如下:

 

 
 
     
 
 
   
 
         

       

jQuery List DragSort PHP Example

 

        Homepage
 
       
 

       

Save list order with ajax:

 

         

         
       
" }); 

            function saveOrder() { 
                var data = $("#gallery li").map(function() { return $(this).data("itemid"); }).get(); 
            //通过ajax模拟post的方式,post格式形式为:[0, 1, 2, 5, 4, 3, 8, 6, 7]  
                $.post("example.php", { "ids[]": data }); 
            }; 
         

       
 
   
 
 
 
相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板