ページに既存のタブがあり、それらを並べ替える方法を検討していました。このフィドルをガイドとして使用しましたが、何も起こりません。タブをドラッグしてもエラーやソート可能な動作の兆候はありません。
jQuery
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script type="text/javascript">
jQuery.noConflict();
jQuery(function() {
// reorder thread tabs
jQuery("#crm_nav_tab_names").sortable({
revert: true
});
});
</script>
HTML
<div id="crm_nav_tab_names" class="tab_names charlie_small">
<div id="thread_0" class="ui-state-default"><a href="#">1</a></div>
<div id="thread_1" class="ui-state-default"><a href="#">2</a></div>
<div id="thread_2" class="ui-state-default"><a href="#">3</a></div>
</div>
私のバージョンはこのフィドルで動作するようです: http://jsfiddle.net/KbyCu/
私のcssの一部を使ったこのフィドルでも動作しているようです - http://jsfiddle.net/KbyCu/2/ - しかし、私のページでは何も起こっていません。
実際のページではなくフィドルで機能している場合、誰かがある種の一般的な「落とし穴」に気付いている可能性がある場合、できることはあまりないことに気づきました。
ページの詳細については、Ruby 1.8.7 で Rub on Rails 2 を使用してタブを動的に生成していますが、上記のマークアップを生成しているため、それは問題ではありません。