首页>>Jquery文字>>移动端滑动显示删除(2018-07-21)

移动端滑动显示删除

请用手机浏览器测试

移动端滑动显示删除
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <div class="session-box">  
  2.   <div style="display:none" class="catid"><?php echo $row["id"]?></div>  
  3.   <div class="session-content"> <?php echo $row["name"]?></div>  
  4.   <a href="javascript:;" class="del-btn">删除</a>  
  5.   <div class="clear"></div>  
  6. </div>  

 

JavaScript Code
  1. <script>  
  2.   
  3.   
  4.     $(".session-box").slide2del({  
  5.         sItemClass: ".session-box",  
  6.         sDelBtnClass: ".del-btn",  
  7.         delHandler: function (target) {  
  8.   
  9.             var text = target.find('.session-content').text();  
  10.             var cartid=target.find('.catid').text();  
  11.             //alert(cartid);  
  12.             $.post("del.php", {  
  13.             id: cartid,   
  14.             });  
  15.             target.remove();  
  16.   
  17.             alert(text+"成功删除");  
  18.               
  19.   
  20.   
  21.         },  
  22.         itemClickHandler: function (target) {  
  23.             console.log("你点击了选项：" + target.text());  
  24.   
  25. //            return false;//阻止默认事件  
  26. //            $(this).slide2del_hideDel();  
  27.         }  
  28.     });  
  29.   
  30.   
  31. </script>  

 


原文地址:http://www.freejs.net/article_jquerywenzi_655.html