请帮助我解决以下问题。
我有一段JS代码。当我把它放在我的list.html.erb文件中时它工作正常。 但是,当我将代码放在test.js文件中并将其放入我的assets / javascripts文件夹中时, 我不知道将它附加到application.js如何处理
//= require jquery
//= require jquery_ujs
//= require "jquery_functions"
//= require_tree .
让它发挥作用。
我试过这样的话:
//= require jquery
//= require jquery_ujs
//= require "jquery_functions"
//= require_self
//= require 'test'
//= require_tree .
哪个不起作用
以下是我的test.js
<script src="//ajax.aspnetcdn.com/ajax/jQuery/jquery-1.10.2.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
var txt="";
txt+="Width of div: " + $("#div2").width() + "</br>";
txt+="Height of div: " + $("#div1").height()+ "</br>";
txt+="va salm";
$("#div1").html(txt);
$("#div2").html(txt);
$("p").hide();
$(".test").hide();
});
});
</script>
谢谢
答案 0 :(得分:0)
如果你有
app/assets/javascripts/test.js
您可以在application.js中将其引用为:
//= require test
但是,使用:
//= require tree .
无论如何都应包含该文件。
作为一个起点,您是否在浏览器中查看了源代码并检查了html中是否显示了这样的内容?
<script src="/assets/test.js?body=1" type="text/javascript"></script>