jQuery는 Heroku에서 작동하지만 레일스에서는 작동하지 않습니다. localhost

Question

왼쪽 탐색 모음에서 목록 항목 (li)을 대상으로 일부 jQuery를 작성했습니다. Heroku에 변경 사항을 적용하면 jQuery가 작동하지만, 작성한 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 페이지를 다시로드하지 않기 때문에

TurboLinks이

$(document).ready(function() {

잘 작동하지 않습니다 . 로컬 컴퓨터에서 터보 링크가 페이지를로드하는 방식 때문에 단순히 작동하지 않을 수도 있습니다. 그리고 프로덕션에서는 아마 당신이 다르게 탐색했고 페이지가 실제로이 이벤트를 해고했습니다.

자세한 내용은 Rails 4: how to use $(document).ready() with turbo-links을 참조하십시오.