【问题标题】:jQuery slider affecting WordPress menu影响 WordPress 菜单的 jQuery 滑块
【发布时间】:2012-04-07 08:50:03
【问题描述】:

我想知道是否有人可以帮助我解决这个问题。 我已经下载了 NivoGallery 并将其添加到我正在使用 Thematic Framework 构建的 WP 主题中,但是我有一个无法解决的小问题。 正如标题所说,在滑块上添加的 jQuery 正在禁用标准 WP-Thematic 菜单的 JS。 下面的代码包含在主题中的一个函数中。

    <div id="gallery" class="nivoGallery">
        <ul>
            <li>...</li>
            <li>...</li>
            <li>...</li>
            <li>...</li>
        </ul>
    </div>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script src="<?php bloginfo('stylesheet_directory'); 
?>/admin/js/jquery.nivo.gallery.js"></script>

<script type="text/javascript">
    $(document).ready(function() {
        $('#gallery').nivoGallery();
    });
</script>`

问题似乎主要是由

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js">
</script>

我尝试过使用 jQuery noConflict,但似乎不起作用,它会中断。 如果您需要完整的 html 代码和 jquery.nivo.gallery.js 文件,请告诉我。

我找到了这个解决方案: 功能 add_js_for_slider() { ?>
/admin/js/jquery.nivo.gallery.js"> $(文档).ready(函数() { $('#gallery_slider').nivoGallery(); });

是否有可能摆脱 jquery 行,并且仍然保持工作?即使 WP 有 jquery,如果我从函数中删除该行,滑块也会中断。

【问题讨论】:

    标签: jquery wordpress menu slider


    【解决方案1】:

    jquery 已经包含在 wordpress 中,因此您不需要从 googleapis 中包含它。

    nivo 库可以处理 jQuery noConflict。如果您尝试这样做,您只需在代码中将 $ 更改为 jQuery。

    【讨论】:

    • 我找到了一个解决方案,但我仍然必须包含 jquery,否则它不起作用。我必须创建另一个函数并添加 add_action('init', 'add_js_for_slider');
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-05-22
    • 1970-01-01
    • 2016-11-13
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多