application.js 中的代碼未在 Rails 中加載

Question

我剛剛啟動了我的 web 服務，發現我的 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 中搜索朋友來添加協作者時，這應該可以工作。 這里的例子

Answer 1

之所以如此，是因為您不需要當前文件本身。 以下是您的處理方式：

//= require_self

請注意//= require_tree . 確實會加載當前的樹/目錄，但不會加載文件application.js本身中的代碼。

編輯：如果仍然無法使用您的代碼，則必須將JS代碼放在$(document).ready回調中，以便在所有其他資產文件正確加載時執行該代碼。

Answer 2

我遇到了類似的問題，就我而言，我所要做的就是運行yarn build --watch