4

如果我对 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>
4

1 回答 1

6

也许使用手柄？

<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'
});

PS你不应该<p>在里面嵌套标签<span>'s:)

于 2010-08-29T09:12:37.163 回答