0

我需要在 Drupal 网站上创建一个选项卡式菜单。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 回答