Question

我试图在1页中一起使用bxslider和nivoSlider。

但是bxslider在我的wordpress中根本不工作：（ Nivo Slider工作完美，没有任何问题。

这是我的nivoslider，我在“header_ins.php”中使用它，它被包含在“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>

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

<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完美无缺。

Answer 1

该代码存在很多问题：

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

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

一起使用bxslider和nivoslider - bxslider不工作，nivoslider工作完美

1 个答案: