jQuery (scrolltop) не работает в wordpress

Я новичок в Wordpress. У меня проблемы с js/jQ. Я прочитал статьи о том, как установить jQuery.jQuery (scrolltop) не работает в wordpress

Что я хочу сделать, это сделать кнопку, которая скользит при нажатии.

И мой вопрос в том, что я использовал wp_enqueue_script для загрузки сценария и поместил wp_head, wp_footer до </head> и </body> отдельно. Однако Wordpress поставил весь скрипт в нижней части тела.

<?php 

add_action('wp_enqueue_scripts', 'script_loader'); 


function script_loader() { 

    //not sure if I should load the wp jquery fuction// 

    wp_enqueue_script('jquery'); 

    wp_enqueue_script('jquery-ui-core'); 

    wp_enqueue_script('jquery-effects-core'); 


    //Here's the three scripts that I want to hook// 

    wp_enqueue_script('skrollr', get_template_directory_uri() . '/js/skrollr.js', array(), NULL, true); 

    wp_enqueue_script('init', get_template_directory_uri() . '/js/init.js', array(), NULL, true); 

    //This is the jQuery one 
    wp_enqueue_script('slide', get_template_directory_uri() . '/js/slide.js', array('jquery'), NULL, false); 
}

Если предположить, что я правильно, JQuery, предполагает, чтобы быть загружен в голове не конец тела, так что я пытался использовать, чтобы позвонить моему slide.js в голове (я знаю, что это не правильная путь), и это называется, но slide.js еще не был уволен

Вот код слайд:

jQuery(document).ready(

    function($) { 

    $('.down').click(function() { 

     var x= $(window).scrollTop(); 
     var s; 

     if (x < 500){ 
     s = 500; 
     }else if(500 <= x && x <700){ 
     s = 700; 
     }else if(700 <= x && x < 1000){ 
     s=1000; 
     }else{ 
     s=1020; 
     }; 

     $('html, body').animate(
     {scrollTop: s}, 1000); 

    }); 
    }; 

);

это очень сложно, потому что нет какой-либо обратной связи, когда вы делаете что-то не так, может кто-нибудь пожалуйста Помогите ? :(

источник

2014-11-04 Huang Kaikai

есть ли на консоли какие-либо ошибки? – Jesse

нет! Он хорошо загрузил страницу, просто кнопка не отвечала при нажатии. Чтобы быть более точным, я попробовал это на кодексе, он отлично работает: http://codepen.io/iamkaikai/pen/hIyrc но не на моем сайте Wordpress: http://rocknshin.net84.net/wordpress/ –

попробуйте заменить знак $ $ на 'jQuery', поскольку '$' иногда конфликтует с другой библиотекой. Также убедитесь, что вы включили все необходимые файлы js и css. Надеюсь, это поможет. Ура !!! –

я нашел, где проблема. Оказалось, что моя кнопка была перекрыта другими слоями, поэтому, когда я нажал на кнопку, я не действительно ничего нажимать.

Просто изменить Z-индекс к более высокой ценности, и все работает хорошо. В jQuery ничего плохого не было :)

источник

2014-11-04 08:33:14

jQuery (scrolltop) не работает в wordpress

ответ

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