Question

我有一个有大量Javascript（特别是jquery）的表单。当我通过手动输入其网址导航到该页面，或者当我从登录页面重定向到该页面时，所有javascript元素都加载得很好。但是，当我从索引中的链接导航到页面时，除非我刷新，否则没有任何javascript加载。（我不知道这是否是索引独有的问题;索引恰好包含表单的唯一链接。）

我已将我的所有JavaScript合并到我init.js中require application.js的{{1}}。它如下：

jQuery(document).ready(function($) {
// scolling accelleration
  $(".anchor_link").click(function(event) {
    event.preventDefault();
    $('html,body').animate( { scrollTop:$(this.hash).offset().top } , 1000);
  } );
  $('#save').click(function(){
    $('#save_alert').animate({"bottom":"100px"}, "slow").delay(800).animate({"bottom":"50px"}, "slow");
  });
//styling radio buttons  
  function radStyle(entity){
    $(entity).find('input[type="radio"]').css("display", "none");
    $(entity).find('input[type="radio"]').parent().prepend('<span class="radiospan fa-stack">')
    $(entity).find("span.radiospan").append('<i class="fa fa-circle fa-stack-2x fa-inverse">')
    $(entity).find('input[type="radio"]:checked').siblings("span.radiospan").append('<i class="fa fa-circle fa-stack-1x">');
  }
//calling radio buttons on document ready
  radStyle(document);
//adding interactive radio button functionality (delegate to provide functionality to dynamically generated fields)
  $('div.form-right').delegate('input[type="radio"]', 'click', function(){
    if($(this).is(':checked')){
      $(this).siblings("span.radiospan").append('<i class="fa fa-circle fa-stack-1x">');
      $(this).closest('span.radio').siblings('span.radio').find('i.fa.fa-circle.fa-stack-1x').remove();
    }
  });
//select menus on initial load
  $('select').customSelect();
//styling select menus and radio buttons upon dynamic content generation
  var nests = [ "dynamic-officer", "dynamic-director", "dynamic-contractor-person", "dynamic-contractor-org", "dynamic-ip", "dynamic-shareholder"];
  nests.forEach(function(nest){
    $("#"+nest).on("cocoon:after-insert", function(e, added_item){
      added_item.find('select').customSelect();
      radStyle(added_item);
    });
  });
} );

更多注意事项

除了我的困惑之外，firebug似乎承认我的init.js的存在并且不会在错误控制台中抛出任何东西。
我注意到，如果我将init.js中的所有内容复制到我视图中的嵌入式<script>部分中，则会加载正常。

无论如何，这完全有可能这就是rails的工作方式，我需要在我的视图中使用脚本标签（我以为我读过它不是，但是谁知道）。关于这个问题的任何指示肯定会受到赞赏;提前感谢那些让我直截了当的人。

如果它与错误有关，我的index.html.erb是

<div class="container-fluid">
  <h1>Incorporation#index</h1>
  <table class="table table-hover">
    <% @incorporations.each do |incorporation| %>
      <tr>
    <td class="name">
      <% begin %>
        <%= link_to incorporation.company.names.first.name_string, edit_incorporation_path(incorporation) %>
      <% rescue %>
        <%= link_to "Untitled Company", edit_incorporation_path(incorporation) %>
      <% end %>
    </td>
    <td class="email"><%= link_to incorporation.user.email, incorporation %></td>
    <td class="created_at"><%= link_to incorporation.created_at, edit_incorporation_path(incorporation) %></td>
    <td class="generate"><%= button_to "Generate Documents", incorpgenerate_incorporation_path(incorporation), :remote => true, :method => :post %></td>
      </tr>
    <% end %>
  </table>
</div>

Answer 1

我认为是涡旋式的。

阅读本文： Jquery Turbolinks Gem

Answer 2

这似乎是与Turbolink gem相关的问题。这个宝石默认带有Rails 4，并且已知会导致javascript调用出现大量问题，例如＆＃39;（document）.ready（function（$）＆＃39;。原因是Turbolink gem避免在页面之间导航时完全加载所有应用程序资产（JS和CSS）。

从索引链接加载页面时不加载Javascript

2 个答案: