Нажмите на ссылку не вызывает Jquery FadeIn

Question

В моей рельсы приложение, я использую JQuery FadeIn исчезать в моей навигационной панели и какой-нибудь текст в домашней странице, как следует

$(document).ready(function(){ 
    $('.jq-fadein').hide().delay(600).fadeIn(2000); 
}); 

Он отлично работает каждый раз я перезагрузите/обновите страницу, но когда я нажимаю кнопку «Главная страница» на панели навигации, эффект не работает!

Я подозревал, что, возможно, это не отправляет запрос GET, но, как я узнал, что он делает:

Started GET "/" for ::1 at 2016-03-01 01:44:18 +0100 
Processing by SiteController#index as HTML 
    Blog Load (1.5ms) SELECT "blogs".* FROM "blogs" ORDER BY "blogs"."id" ASC LIMIT 3 
    Rendered site/index.html.erb within layouts/application (4.3ms) 
    Rendered shared/_navbar.html.erb (1.3ms) 
    Rendered shared/_footer.html.erb (0.2ms) 
Completed 200 OK in 125ms (Views: 98.3ms | ActiveRecord: 1.5ms) 

Как я могу получить его FadeIn, когда я нажимаю на кнопку домашней странице в панели навигации и не обновляется страница?

Заранее благодарен!

Answer 1

Вы вызываете функцию fadeIn только в $ (document) .ready(), которая запускается при первоначальной загрузке страниц. Вот почему вы видите, как исчезает каждый раз, когда вы обновляете.

Добавление замирание при нажатии кнопки домой должно быть что-то простое, как это:

$('#homeButton').click(function() { 
    $('.jq-fadein').hide().delay(600).fadeIn(2000); 
});