Rumah > hujung hadapan web > tutorial js > jquery实现可拖动DIV自定义保存到数据的实例_jquery

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

WBOY
Lepaskan: 2016-05-16 17:13:35
asal
957 orang telah melayarinya

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

       
 
   
 
 
 
Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan