15

プロジェクトに Froala エディターを追加しようとしています。

実稼働サーバーでのみ問題があります (ローカルホストでは問題なく動作します) 私は Rails 4.1.0 を使用しています

gem 'jquery-rails'

私の assets/javascripts/application.js で:

//= require jquery
//= require jquery_ujs
//= require foundation
//= require turbolinks
//= require_tree .
//= require modernizr
//= require froala_editor.min.js

new.html.erb ファイル内:

<div class="row">
  <%= form_for :article do |f| %>
    <p>
        Title<br>
        <%= f.text_field :title %>
    </p>
    <p>
        Content<br>
    <%= f.text_area :text, :id=>'content' %>
    <p>
    <%= f.submit %>
    </p>
  <% end %>
</div>
<script>
  $(function() {
    $('div#content').editable({
      inlineMode: false
    })
  });
</script>

application.html.erb で:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 
    <title><%= content_for?(:title) ? yield(:title) : "foundation-rails" %></title>
    <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true %>
    <%= javascript_include_tag "vendor/modernizr" %>
    <%= javascript_include_tag "application" 'data-turbolinks-track' => true %>
    <%= csrf_meta_tags %>
  </head>
  <body>
    <%= yield %>
  </body>
</html>

この場合、結果は次のとおりです。

Uncaught ReferenceError: $ is not defined

文字列を追加する場合:

<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>

結果は次のとおりです。

Uncaught TypeError: undefined is not a function
4

7 に答える 7

6

application.html.erb を置き換えます

<%= javascript_include_tag "application" 'data-turbolinks-track' => true %>

に

<%= javascript_include_tag "application" %>
于 2015-08-02T17:34:25.037 に答える
2

どのようにして基礎をプロジェクトに追加しますか?

のapp/assets/javascripts/aplication.js

同じエラーが発生しました

$ は定義されていません

そして、この方法でFoundation jsをリロードすることで解決しました：

jQuery(document).ready(function($) {
$(document).foundation();
});
于 2016-01-22T12:37:07.513 に答える
2

私のために働く解決策は次のとおりです。

別ファイル

assets/javascripts/jquery_init.js コンテンツを作成します:

//= require jquery
//= require jquery.turbolinks
//= require jquery.cookie
//= require jquery.ui.all
//= require jquery_ujs

aplication.js の前の呼び出し

<%= javascript_include_tag "jquery_init" %>
<%= javascript_include_tag "application", :async => !Rails.env.development?, "turbolinks-data-track" => true %>
于 2017-03-15T17:42:52.317 に答える