0

Drupal Web サイトでタブ付きメニューを作成する必要があります。Drupal のインストールは、古き良き Drupal 4.7 です。タブ付きメニューを作成するために、Jquery の tabify プラグインを使用します。問題は、それを機能させることができないことです。Jquery が読み込まれないようです。メニューを表示したいウェブサイトにコード（以下）を配置しました。うまくいきませんでした。次に、メインの drupal ページとすべてのテンプレート ファイルに配置します。どちらも機能していません。その原因は何ですか？アドバイスをいただければ幸いです。これが私のコードです：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="jquery.tabify-1.4.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
        // <![CDATA[

        $(document).ready(function () {
            $('#tabbed_menu').tabify();
        });

        // ]]>
    </script>

<ul id="tabbed_menu">
        <li class="active"><a href="#description">Treatment</a></li>
        <li><a href="#usage">Prices</a></li>

        <li><a href="#download">FAQ</a></li>

    </ul>
    <div id="description" class="content">      
some text
</div>


        <div id="usage" class="content">
        <h2>Prices</h2>
some text           
</div>

    <div id="download" class="content">
some text
                        </div>

そしてCSS：

#tabbed_menu{   padding: 0;}#tabbed_menu LI{    display: inline;}#tabbed_menu LI A{ background: #EDF;   padding: 10px;  float: left;    border-right: 1px solid #CCF;   border-bottom: none;    text-decoration: none;  color: #000;    font-weight: bold;}#tabbed_menu LI.active A{    background: #E07;   color: #FFFFFF;}.content_tabbed{    float: left;    clear: both;    border: 1px solid #CCF; border-top: 1px solid #CCF; border-left: 1px solid #CCF;    background: #FFF;   padding: 10px 20px 20px;    width: 100%;    border-bottom: 1px solid #CCF;}
4

1 に答える 1

0

ロードしたjqueryがコアjqueryであるため、jquery uiが必要です:)そして、それ<script>がtabifyを呼び出す他のコードの上にあることを確認してください:)

于 2011-02-02T11:16:59.497 に答える