2014-02-09 2 views
1

Я добавил плагин nivo slider для wordpress, однако он не перемещается мимо файла загрузки git. Я считаю, что проблема в том, как я загружаю jquery.Ползунок Nivo не работает в wordpress jquery

Я включил javascript jquery.nivo.slider.js файл в папку 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"); 

не могли бы вы сказать мне, где я пойти не так из-за которой файл мерзавец появляется, а не изображения, слайд-шоу. При использовании в качестве index.html он работал как прелесть.

+0

Вы вызвали jquery после того, как ползунок nivo также выполнил соответствующие стандарты enqueue –

ответ

2

Взгляните на две ссылки могут решить проблему, если вы сделали с стандартами очереди, вы можете решить конфликт 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'); 

Вот и все это можно надеяться, это должно сработать :)

+0

Должен ли я создать файл script.js вне папки js? – user3274745

+0

Любое место, где вы можете создать, но одно, что вы должны дать правильный путь при регистрации скрипта –

+0

Браузер падает при добавлении функции – user3274745

Смежные вопросы