問題は、ドラッグアンドドロップの過程でハンドルでドラッグアンドドロップしようとすると、本文がテキストに揃えられないということです。最後に添付されているコードに示されています。jqueryでハンドルでソート可能なグリッチui
<p>
タグにハンドルを入れないほうがいい理由は、ウェブ上のいくつかの例が示すように、ユーザーがpタグの間のものを編集できるようにすることですフォームを表示する前に、多くの事前処理(p個のタグの周りにもっと多くの要素を追加することがあります)をやりたくありません。
この問題について誰かが明らかにすることができれば、非常に感謝しています!
コードは、GoogleのCDNを使用して、それだけで動作するはずですので:
<head>
<style type="text/css">
#container{
width:500;
}
.handle{
float:left;
}
.
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>
<script type="text/javascript">
$(function(){
$('#container').sortable({
revert:true,
handle:'.handle',
});
});
</script>
</head>
<div id="container">
<div class="c"><span class="handle">HH</span><p>Some text here asdf asdf asdf asdf asdf asd fasd fsa dfsa df asdf sadf sa dfa sdf sadf asd fsa df sadf asdf asdf asd fas df asdf as </p></div>
<div class="c"><span class="handle">HH</span><p>Some text here asdf asdf asdf asdf asdf asd fasd fsa dfsa df asdf sadf sa dfa sdf sadf asd fsa df sadf asdf asdf asd fas df asdf as </p></div>
</div>