Fatal编程技术网
  • jquery/
  • jQuery可对contenteditable项进行排序

jQuery可对contenteditable项进行排序

jquery html

jQuery可对contenteditable项进行排序,jquery,html,contenteditable,Jquery,Html,Contenteditable,如果我对contenteditable项执行“jquery sortable”，则该项将永远不可编辑 我应该提到，在IE中，每件事都很好，我在FF 3.6.8中有这个问题 <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> <script

如果我对contenteditable项执行“jquery sortable”，则该项将永远不可编辑

我应该提到，在IE中，每件事都很好，我在FF 3.6.8中有这个问题

<html>
<head>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.min.js" type="text/javascript"></script>
  <script>
  $(document).ready(function(){
      $('#sortable').sortable();
  });
  </script>
</head>
<body>
  <span id="sortable">
    <p contenteditable="true">test</p>
  </span>
</body>
</html>


$（文档）.ready（函数（）{
$（“#可排序”）.sortable（）；
});
测试
是否可以使用手柄

<div id="sortable">
    <div>
        <span class="handle">Perhaps some icon here</span>
        <p contenteditable="true">Editable text..</p>
    </div>
    <div>
        <span class="handle">Perhaps some icon here</span>
        <p contenteditable="true">Editable text..</p>
    </div>
</div>


$("#sortable").sortable({
    handle: 'span'
});


也许这里有一些图标

可编辑文本

也许这里有一些图标

可编辑文本

$（“#可排序”）。可排序({
句柄：“span”
});
另外，你不应该在
的
标签中嵌套
：）
你不应该在
span
标签中嵌套
p
标签-这是无效的HTML，可能会导致问题，但通过使用句柄：“span”，容器不再可排序！