Maison  >  Article  >  interface Web  >  jquery实现可拖动DIV自定义保存到数据的实例_jquery

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

WBOY
WBOYoriginal
2016-05-16 17:13:35931parcourir

看到一个不错的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 }); 
            }; 
         

       
 
   
 
 
 
Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn