jQuery работает на Heroku, но не на Rails localhost

Question

Я написал несколько jQuery для таргетинга элементов списка (li) в левой панели навигации. JQuery работает, когда я нажимаю изменения в Heroku, но jQuery, который я написал, не работает на localhost. Эффект, на который я нацелен, - это когда пользователь переводит ссылки в навигационную панель, ссылки перемещаются вправо 2 em. Я не могу понять, почему jQuery работает на размещенном сайте, а не в localhost. У меня такое ощущение, что это может иметь какое-то отношение к файлу application.js. Любая помощь будет принята с благодарностью и спасибо заранее!

// javascript assets 
// = require jquery 
// = require jquery_ujs 
// = require turbolinks 
// = require welcome.js 
// = require_tree . 

// the html 
<div class="list-items"> 
     <ul> 
     <li class="links"><%= link_to "Portfolio", portfolio_url %></li> 
     <li class="links"><%= link_to "Tutorials", tutorials_url %></li> 
     <li class="links"><%= link_to "Blog", blog_url %></li> 
     <li class="links"><%= link_to "About Me", aboutme_url %></li> 
     </ul> 
</div> 

// css for list items 
.list-items { 
    font-size: 1.5em; 
    line-height: 2em; 
    margin-left: -.20em; 
} 


// JS for hovering over the link 
$(document).ready(function() { 
    console.log("You are in the console right now!!"); 

    $(".links").on("mouseenter", function() { 
    $(this).css("margin-left", "2em"); 
    }); 

    $(".links").on("mouseleave", function() { 
    $(this).css("margin-left", "-0.05em"); 
    }); 
}); 

Answer 1

Там одна вещь, которая приходит на ум здесь ...

TurboLinks не очень хорошо работает с

$(document).ready(function() {

Потому что, когда вы ориентируетесь, Turbolinks не перезагрузите страницу , Возможно, что на вашей локальной машине вы не видите, что это работает просто из-за того, что Turbolinks загружает страницу. И в производстве, возможно, вы перешли по-разному, и страница действительно уволила это событие.

Для получения более подробной информации см. Rails 4: how to use $(document).ready() with turbo-links.