0

ページに既存のタブがあり、それらを並べ替える方法を検討していました。このフィドルをガイドとして使用しましたが、何も起こりません。タブをドラッグしてもエラーやソート可能な動作の兆候はありません。

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 を使用してタブを動的に生成していますが、上記のマークアップを生成しているため、それは問題ではありません。

4

0 に答える 0