1

bxslider と nivoSlider を 1 ページで一緒に使用しようとしています。

しかし、私のワードプレスでは bxslider がまったく機能していません :( Nivo Slider は問題なく完璧に機能しています。

これは、「header.php」ファイルに含まれる「header_ins.php」で使用している私のnivosliderです:-

<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 がまったく機能していません Nivo Slider は問題なく完璧に機能しています。

4

1 に答える 1

0

そのコードには多くの問題があります。

jquery はすでに wordpress の一部であるため、jquery を 2 回呼び出しているため、header.php に追加する必要はありません。

functions.php ファイルに btx スクリプトを接続すると、必要に応じて呼び出すことができます。

于 2014-05-16T16:39:26.203 に答える