2010-08-29 2 views
4

Если я делаю «сортировку jquery» на контентных элементах, элемент никогда не будет доступен для редактирования.jQuery sortable on contenteditable items

Следует отметить, что в 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> 
+0

У вас не должно быть тега 'p' внутри тега' span' - это недопустимый HTML и может вызвать проблемы –

ответ

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

P.S. Вы не должны вставлять теги <p> внутри <span>'s :)

+0

, но с помощью дескриптора: 'span', контейнер больше не сортируется! – adrakadabra