헤더 불투명도가 페이지에서 작동하지 않습니다.

Question

여기에 무슨 별난 일이 있습니다. 사용자 지정 WordPress 테마를 만들었고 사용자가 JavaScript 파일에서이 코드를 사용하여 페이지를 스크롤 할 때 내 머리글 요소의 불투명도를 불투명 한 흰색으로 변경했습니다.

$(function($){ 
    if($(document).scrollTop() > 3){ 
    $('.header').addClass('dark'); 
    } 
    // Add opacity class to the site header 
    $(document).on('scroll', function(){ 
    if($(document).scrollTop() > 3){ 
     $('.header').addClass('dark'); 
    } else { 
     $('.header').removeClass('dark') 
    } 
    }); 
}); 

자연스럽게 내 header.php 파일 내에있는 내 머리글 요소를 대상으로하는 CSS입니다. header.php 파일은 내 front-page.php, page.php, single.php, index.php와 내 테마 내의 다른 모든 일반 WordPress 페이지에도 포함되어 있습니다.

그건 내가 직면 한 문제는 불투명도 스크롤 기능은 오직 내 front-page.php 파일에서만 작동하고 다른 페이지에서는 작동하지 않는다는 것입니다. 나는 이것이 왜 있는지를 알 수 없다. 다른 누구도 전에 이것을 보았습니까?

많은 감사합니다.

Answer 1

나는 그것을 고쳤습니다. 자바 스크립트 코드는 front-page.php 파일과 관련된 다른 Javascript 함수와 파일에 있었기 때문에 header.min.js라는 새 파일을 작성한 다음 거기에 함수를 추가하여 해당 파일을 footer.php 파일에 추가했습니다.

분명히 몇 가지 충돌이 함수 사이에서 발생했지만 모든 작업이 이제는 오류가 발생하지 않아야합니다!