Question

我需要在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="http://jquery-tabify.googlecode.com/files/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;}

链接是：http://www.medicetics.com/Laser_hair_removal_72.html

Answer 1

您在该页面上加载了两次jQuery。

来到这里：

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

一旦到了：

<script src="http://www.medicetics.com/themes/glowmedical/js/jquery.min.js"></script>

由于tabify插件正在两者之间加载，第二个jQuery会覆盖它，因此您会收到tabify未定义的错误。

加载JQuery没有充分理由的问题

1 个答案: