jQuery (스크롤 탑)가 워드 프레스에서 작동하지 않습니다.

Question

저는 WordPress에 초보자입니다. js/jQ에 연결하는 데 문제가 있습니다. jQuery를 설치하는 방법에 대한 기사를 읽었습니다.

내가하고 싶은 것은 클릭 할 때 슬라이드하는 버튼을 만드는 것입니다.

그리고 내 질문은 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 전화를 사용하려고 않았다 당신이 뭔가를 잘못 할 경우에는 피드백이 없기 때문에 할 수있는,

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); 

    }); 
    }; 

); 

그것은 매우 실망 사람하십시오 : 방법), 그리고 호출 않았지만 slide.js 여전히 여기

해고되지 않은 슬라이드 코드입니다 도와 줘? 어디에 문제가 :(

Answer 1

내 버튼이 다른 층으로 중첩 된 것으로 밝혀졌다. 발견, 그래서 버튼을 클릭하면, 난 정말 아무것도 클릭하지 않았다.

이

그냥 단순히 Z- 인덱스 변경 jQuery에는 아무런 문제가 없었습니다 :)