Nivo滑塊不工作在jQuery jQuery中

Question

我已經添加nivo滑塊插件到wordpress，但它不會移過git加載file.I相信問題是在我加載jQuery的方式。

我在我的主題文件夾中的js文件夾中包含了javascript jquery.nivo.slider.js文件。 在header.php中我用這頭標記內：

<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/bootstrap/js/jquery.nivo.slider.pack.js"></script> 
    <script type="text/javascript"> 
    $(window).load(function() { 
    $('#slider').nivoSlider(); 
    }); 
    </script> 
    <?php wp_enqueue_script("jquery"); ?> 

    <?php wp_head(); ?> 

而且在index.php我用這：

<div class="container"> 

    <div class="slider-wrapper theme-default"> 
    <div class="ribbon"></div> 
    <div id="slider" class="nivoSlider"> 
    <img src="bootstrap/images/screen1.jpg"/> 
    <img src="bootstrap/images/screen2.jpg" /> 
    <img src="bootstrap/images/screen3.jpg" /> 
    <img src="bootstrap/images/screen4.jpg"/> 
    </div> 
    </div> 

我沒有使用的functions.php裏的任何東西file.And現在用這個的style.css裏面：

@import url("bootstrap/css/nivo-slider.css"); 
@import url("bootstrap/css/slider.css"); 
@import url("bootstrap/css/bootstrap.css"); 
@import url("bootstrap/themes/default/default.css"); 

能否請你告訴我，我做錯由於其git的文件顯示，而不是圖像幻燈片。當用作index.html時，它起到了魅力的作用。

Answer 1

看看這兩個鏈接可能會解決問題，如果你使用排隊標準你可能會解決jQuery的衝突。 http://codex.wordpress.org/Function_Reference/wp_register_script

http://codex.wordpress.org/Function_Reference/wp_enqueue_script

創建的script.js文件

$(window).load(function() { 
$('#slider').nivoSlider(); 
}); 

打開你的主題文件的functions.php並添加以下代碼：

創建功能

function enqueue_script_for_nivo() { 
    wp_enqueue_script('jquery'); 
    // Load your nivo script too here. 
    wp_register_script('nivoscript',get_stylesheet_directory_uri().'/bootstrap/js/jquery.nivo.slider.pack.js"'); 
    wp_register_script('my-script', get_stylesheet_directory_uri() . '/js/script.js'); 
wp_enqueue_script('nivoscript'); 
    wp_enqueue_script('my-script'); 
    } 

add_action('wp_enqueue_scripts','enqueue_script_for_nivo'); 

這就是所有嘗試這一個希望它應該工作:)