jQuery «Uncaught TypeError: undefined не является функцией» при использовании fadeIn();

Question

Я новичок в JS, и я пишу основную веб-страницу, богатую jQuery, с fade-in/fade-out для каждой страницы в том же документе (с использованием того же элемента div с отдельными идентификаторами). В любом случае, когда я пытаюсь исчезнуть на текущей странице, я получаю сообщение об ошибке «Uncaught TypeError: undefined не является функцией», у меня был поиск в Интернете, но не удалось найти решение.

HTML загружен перед скриптом, и полная библиотека jQuery включена в заголовок страницы.

Элемент div, на который я нацеливаюсь, имеет «display: none;» установленный в моем CSS.

HTML

<div class="page_content" id="page_home"> 
Content removed 
</div> 

JS:

<script> 

var cp = "page_home"; 
var tp = document.getElementById(cp); 
tp.fadeIn('slow'); 

</script> 

Любой опытный ничего подобного, и есть решение? Я уверен, что это что-то просто, так как мой код все равно ...

Answer 1

tp является простой JavaScript Object, и он не имеет функцию под названием .fadeIn()

Try, чтобы обернуть его в $(), чтобы сделать это JQuery объект затем сделать,

$(tp).fadeIn('slow'); 

или лучше использовать JQuery-х id selector, чтобы захватить элемент,

$("#page_home").fadeIn('slow'); 

Answer 2

Поскольку tp не является объектом jquery, он не будет иметь методов, связанных с jquery.

Использование,

$("#page_home").fadeIn('slow');