开发者社区> 问答> 正文

jquery拖拽 draggable插件

<!DOCTYPE html>
<html>
<head>
    <title>编辑</title>
    <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8">
    <script type="text/javascript" src="__PUBLIC__/js/jquery.min.js"></script>
    <script type="text/javascript" src="__PUBLIC__/js/jquery-ui.js"></script>
 
</head>
<body>
<table width="310" height="248" border="1" class="tuozhuais">
  <tr >
    <td width="88">会员A</td>
    <td width="88">A</td>
    <td width="112"><table width="201" height="83" border="1">
      <tr class="tz" >
        <td   class="a">A</td>
        <td     class="b">b</td>
        <td    class="c" >c</td>
        <td     class="d">d</td>
      </tr>
 
    </table></td>
  </tr>
 
</table>
 
<div class="tuozhuaiyuan" >
<table width="197" height="71" border="0">
  <tr>
    <td width="59"><img src="__PUBLIC__/img/ed_05.png" width="15" height="15" alt="X">A</td>
    <td width="64"><img src="__PUBLIC__/img/clock.png" width="17" height="18" alt="X">B</td>
    <td width="52"><img src="__PUBLIC__/img/close.gif" width="12" height="12">C</td>
    <td><img src="__PUBLIC__/img/data_icon.png" width="17" height="21">D</td>
  </tr>
</table>
</div>
 
</body>
</html> 

展开
收起
a123456678 2016-07-08 10:25:29 2164 0
1 条回答
写回答
取消 提交回答
  • <script>
          $(function(){
              $(".tuozhuaiyuan table tr td").draggable({ helper:"clone"  });
          })
    </script>
    2019-07-17 19:53:09
    赞同 展开评论 打赏
问答分类:
问答地址:
问答排行榜
最热
最新

相关课程

更多

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载