jQuery在contenteditable物品上排序

如果我對contenteditable物品做「jquery sortable」，該物品將永遠不可編輯。jQuery在contenteditable物品上排序

我要指出，在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>

來源

2010-08-29 adrakadabra

你不應該在'span'標籤內部有'p'標籤 - 它是無效的HTML，並且可能會導致問題 – 2010-08-29 09:11:19

也許使用手柄？

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

P.S.你不應該在<span>'s中嵌套<p>標籤:)

來源

2010-08-29 09:12:37 Marko

，但通過使用句柄：'span'，容器不能再排序！ – adrakadabra 2010-08-29 10:43:48

jQuery在contenteditable物品上排序

回答

相關問題