javascript - application.js 中的代码未在 Rails 中加载

Question

我刚刚启动了 my web service并且刚刚发现我的 application.js 不工作......

//= require jquery
//= require jquery_ujs
//= require jquery-ui
//= require_tree .

$("body").on('click', 'ul#invite_links li#invite_link_facebook a', function () {
  var url = $(location).attr('href');
    FB.ui({
    method: 'send',
    link: url
  });
});

$("body").on('click', '#facebook_friends button', function () {
  var receiver_name = $(this).find(".facebook-friend-name").text();
  var receiver_img = $(this).find(".facebook-friend-avatar   img").attr("src");
  $("#facebook_avatar").val(receiver_img);
  $("#collaborator_user_account").val(receiver_name);
  $("#collaborator_user_account").attr("readonly", "readonly");
  $("#collaborator_job_name").focus();
});

$("body").on('click', '#modal-close', function () {
  $(".modal").hide();
});

$(document).ready(function() {
  $('.notice').stop().animate({'marginTop':'-30'},850).delay(3000).slideUp(500);
});

这应该在用户访问时起作用工作页面并尝试通过在Facebook中搜索 friend 来添加协作者。 example here

Answer 1

之所以如此，是因为您不需要当前文件本身。以下是您将如何操作:

//= require_self

请注意 //= require_tree . 会加载当前树/目录，但不会加载文件中的代码:application.js 本身。

编辑:如果您的代码仍然不起作用，您必须将 JS 代码放入 $(document).ready 回调中，以便在所有其他 Assets 文件正确加载时执行它。