我曾经在js.erb文件中编写了一些jQuery代码,用于部分功能。这些jQuery代码变成了通用函数,我决定将它们放入资产管道中,即
可能的问题是什么?
在application.js中,我有:
我注意到一个新的情况,即在刷新页面后js代码可以正常运行。但是,如果直接从链接进入页面,则js代码无法正常运行。
assets/javascripts/myfile.js
,但是现在JavaScript不再起作用了。我可以从源代码中看到JavaScript已经被加载到浏览器中,但它什么也不做,但在js.erb文件中它是可用的。可能的问题是什么?
在application.js中,我有:
//= require jquery
//= require_tree .
这是我的js代码:
$(document).ready(function() {
$("#close").click(function(){
$(this).parent().parent().slideUp("slow");
});
$(function() {
$( "#datepicker" ).datepicker({
dateFormat : "yy-mm-dd"
});
});
var player_count = $("#player option").length;
$('#btn-add').click(function(){
$('#users option:selected').each( function() {
if(player_count >= 8){
$('#select-reserve').append("<option value='"+$(this).val()+"'>"+$(this).text()+" </option>");
$(this).remove();
}else{
$('#player').append("<option value='"+$(this).val()+"'>"+$(this).text()+"</option>");
$(this).remove();
player_count++;
}
});
});
$('#btn-remove').click(function(){
$('#player option:selected').each( function() {
$('#users').append("<option value='"+$(this).val()+"'>"+$(this).text()+"</option>");
$(this).remove();
player_count--;
});
});
$('#btn-remove-reserve').click(function(){
$('#select-reserve option:selected').each( function() {
$('#users').append("<option value='"+$(this).val()+"'>"+$(this).text()+"</option>");
$(this).remove();
});
});
$("#submit").click(function(){
$("select option").prop("selected", "selected");
});
});
我注意到一个新的情况,即在刷新页面后js代码可以正常运行。但是,如果直接从链接进入页面,则js代码无法正常运行。