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

Question

我想在一頁中使用bxslider和nivoSlider。

但:( NIVO滑塊是工作完美bxslider在我的WordPress是不工作的，沒有問題。

這裏是我的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滑塊是工作完美的，沒有問題。

Answer 1

該代碼有很多問題：

你調用jQuery的兩倍，因爲jQuery是已經wordpress的一部分，你並不需要將其添加在header.php中

胡克您的functions.php文件中的btx腳本，然後您可以根據需要調用它。