1

我正在尝试在一页中同时使用 bxslider 和 nivoSlider 。

但是 bxslider 在我的 wordpress 中根本不工作 :( Nivo Slider 工作完美,没有问题。

这是我在“header_ins.php”中使用的 nivoslider,它被包含在“header.php”文件中:-

<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/slider.css" type="text/css" media="screen" />

<div class="slider-wrapper theme-bar">
                    <div id="slider" class="nivoSlider">
                        <img src="<?php bloginfo('template_directory'); ?>/slider/images/header1.jpg" data-thumb="<?php bloginfo('template_directory'); ?>/slider/images/header1.jpg" alt="" />
                        <img src="<?php bloginfo('template_directory'); ?>/slider/images/header2.jpg" data-thumb="<?php bloginfo('template_directory'); ?>/slider/images/header2.jpg" alt="" />
                        <img src="<?php bloginfo('template_directory'); ?>/slider/images/header3.jpg" data-thumb="<?php bloginfo('template_directory'); ?>/slider/images/header3.jpg" alt="" />
                        <img src="<?php bloginfo('template_directory'); ?>/slider/images/header4.jpg" data-thumb="<?php bloginfo('template_directory'); ?>/slider/images/header4.jpg" alt="" />
                    </div>
                </div>
        <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/slider/scripts/jquery-1.7.1.min.js"></script>
        <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/slider/jquery.nivo.slider.js"></script>
        <script type="text/javascript">
        $(window).load(function() {
            $('#slider').nivoSlider();
        });
        </script>

这是我在“header.php”文件中使用的 bxslider 源代码:-

<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script><script src="js/jquery.Slider.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#scroll1').bxSlider({
    mode: 'fade',
    displaySlideQty: 3,
    moveSlideQty: 3,
    pager: true
});
});</script>

<div id="slider1">
        <div >
            <a href="#"><img src="2.jpg" />
                <p>test1</p></a>
        </div>         
        <div >
            <a href="#"><img src="2.jpg" />
                <p>test2</p></a>
        </div>         
        <div >
            <a href="#"><img src="2.jpg" />
                <p>test3</p></a>
        </div>         
        <div>
            <a href="#"><img src="2.jpg" />
                <p>test4</p></a>
        </div></div>

但是 bxslider 在我的 wordpress 中根本不工作 Nivo Slider 工作完美,没有问题。

4

1 回答 1

0

该代码有很多问题:

你调用 jquery 两次,因为 jquery 已经是 wordpress 的一部分,你不需要在 header.php 中添加它

在您的functions.php 文件中连接btx 脚本,然后您可以根据需要调用它。

于 2014-05-16T16:39:26.203 回答