微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

jQuery可拖动表元素

jQuery的可拖动功能似乎不工作在表(在FF3或Safari)。很难想象这将如何工作,所以它不是真的不奇怪,它不是。
<html>
  <style type='text/css'>
    div.table { display: table; }
    div.row { display: table-row; }
    div.cell { display: table-cell; }
  </style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script src="http://dev.jquery.com/view/tags/ui/latest/ui/ui.core.js"></script>
  <script src="http://dev.jquery.com/view/tags/ui/latest/ui/ui.draggable.js"></script>
  <script>
  $(document).ready(function(){
    $(".row").draggable();
  });
  </script>
  <body>
    <div class='table'>
      <div class='row'>
        <div class='cell'>Foo</div>
        <div class='cell'>Bar</div>
      </div>
      <div class='row'>
        <div class='cell'>Spam</div>
        <div class='cell'>Eggs</div>
      </div>
    </div>
    <table>
      <tr class'row'><td>Foo</td><td>Bar</td></tr>
      <tr class='row'><td>Spam</td><td>Eggs</td></tr>
    </table>
  </body>
</html>

我想知道a)如果有任何具体原因为什么这不工作(从w3c / HTML规格透视图)和b)什么正确的方法获取可拖动表行是。

我喜欢真正的表,因为边界折叠和行高度算法 – 任何可以做这些事情的任何替代品将工作正常。

解决方法

如果你有真正的表格数据,你应该坚持表。

如果你想拖动表中的行,这JQuery + “draggable row table” library在FireFox3完美

原文地址:https://www.jb51.cc/jquery/184182.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐