jQuery适用于Heroku，但不适用于Rails本地主机

我写了一些jQuery来定位左侧导航栏中的列表项目（li）。当我将更改推送到Heroku时，jQuery工作正常，但我写的jQuery在本地主机上不起作用。我瞄准的效果是，当用户将鼠标移动到导航栏中的链接上时，链接移动到右侧2时。我无法弄清楚为什么jQuery在托管网站上运行而不是本地主机。我有一种感觉，它可能与application.js文件有关。任何帮助将不胜感激，并提前致谢！jQuery适用于Heroku，但不适用于Rails本地主机

// 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"); 
    }); 
});

来源

2016-06-10 Piara Sandhu

当您尝试在本地主机上运行时，您面临的错误是什么？ – Nirupa

@Nirupa当我在本地主机上运行它时，我不会收到任何错误。一切正常，除了JavaScript。 –

有自带这里想起一件事......

TurboLinks不

$(document).ready(function() {

很好的工作，因为当你浏览，Turbolinks不重新加载页面。在您的本地机器上，您可能看不到它仅仅是因为Turbolinks加载页面的方式。在制作过程中，您可能导航方式不同，页面实际上已经解除了此事件。

查看Rails 4: how to use $(document).ready() with turbo-links的一些细节。

来源

2016-06-10 03:27:19

我以前使用过$（document）.ready（）和Rails，所以我从来没有遇到任何问题。我已经使用jQuery已经有一段时间了，所以我忘记了如何让它和Rails一起玩。 –

jQuery适用于Heroku，但不适用于Rails本地主机

回答

相关问题