2016-05-09 4 views
1

jQuery.uiとRailsで問題が発生しました。私は6時間以来、このエラーを解決しようとしますが、私は解決策を見つけることができません。これは特に簡単であるように迷惑です。確かに私は何かが欠けている。jQueryとレールのエラー

私は私のapplication.html.erbの頭に<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>を追加すると、それは入力がapplication.html.erbの内側に配置されている場合のみが、動作します:

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

<form method="post"> 
    Date:<input type="text" id="datepicker" name="datepicker" /> 
</form> 

フォームが他のビューに配置されている場合は、日付の選択機能はしません働くapplication.jsで

:gemfileで

//= require jquery 
//= require jquery_ujs 
//= require jquery.ui.all 
//= require jquery.turbolinks 
//= require turbolinks 
//= require welcome 
//= require subscriptions 
//= require to_do_lists 
//= require_tree . 

$(function() { 
    $("#datepicker").datepicker(); 
}); 

はapplication.cssで
gem 'jquery-ui-rails', '~> 5.0', '>= 5.0.5' 

    /* 
    *= require_self 
    *= require jquery.ui.all 
    */ 
    

    私は2つの問題に直面しています

  1. Gemfileとまず、jQueryの-UI宝石は、私は私のアプリの頭の中でスクリプトを呼び出す場合でも、それはapplication.html.erb

にフォームでのみ動作し、

  • 第二の作品はありません編集:

    source 'https://rubygems.org' 
    source 'https://code.stripe.com' do 
        gem 'stripe' 
    end 
    
    ruby "2.2.4" 
    
    gem 'rails', '4.2.3' 
    
    gem 'pg', '~> 0.15' 
    
    gem 'sass-rails', '~> 5.0' 
    
    gem "gibbon" 
    
    gem 'uglifier', '>= 1.3.0' 
    
    gem 'coffee-rails', '~> 4.1.0' 
    
    gem 'aws-sdk', '< 2.0' 
    
    gem 'jbuilder', '~> 2.0' 
    
    gem 'friendly_id', '~> 5.0.0' 
    
    gem 'sdoc', '~> 0.4.0', group: :doc 
    
    gem 'rails_12factor' 
    
    gem 'meta-tags' 
    
    gem 'devise' 
    
    gem 'factory_girl_rails' 
    
    gem 'rails_serve_static_assets' 
    
    gem 'capybara' 
    
    gem 'kaminari' 
    
    gem 'figaro' 
    
    gem 'guard-rspec' 
    
    gem 'paperclip' 
    
    # jquery gems for rails 
    gem "jquery-rails" 
    
    gem 'jquery-ui-rails' 
    
    gem 'puma' 
    
    gem 'therubyracer' 
    
    gem 'paper_trail' 
    
    group :development, :test do 
    
        gem 'byebug' 
        gem 'stripe-ruby-mock' 
        gem 'database_cleaner' 
        gem 'rspec-rails' 
        gem 'rails_best_practices' 
        gem 'brakeman' 
        gem 'quiet_assets' 
    
    end 
    
    group :development do 
    
        gem 'web-console', '~> 2.0' 
    
        gem 'spring' 
    end 
    

  • +0

    ['document.ready'](https://learn.jquery.com/using-jquery-core/document-ready/)? –

    +0

    それは動作しません –

    +0

    クロムを使用している場合は、開発者のコ​​ンソールログを投稿してください - これは問題の特定に役立ちます –

    答えて

    0

    あなたのプロジェクトでターボリンクを取り除くだけです

    私は同じ問題がありました。

    +0

    私は試みましたが、これは問題ではありません... –

    +0

    あなたのgemfileを削除しますか? –

    +1

    がGemfileから削除されましたapplication.html.erb application.jsがアンインストールされ、サーバーが再起動 –

    1

    私はあなたがapplication.jsとapplication.cssに正しくプラグインする必要はないと思います。あなたがまだ問題に直面している場合、これを試してみてください。あなたのGemfileに

    、追加:

    gem 'jquery-ui-rails'

    は、あなたのapplication.jsに以下を追加し、すべてのjQuery UIモジュールを必要とするためにすべて

    が必要:

    //= require jquery-ui

    また、jQuery UI CSSをapplication.cssに追加します。

    /* *= require jquery-ui */

    +0

    正しく書かれました。私のファイルにこのコードがあります –

    +0

    @TimothéGauguet:// jquery.ui.allに//= application.jsとapplication.cssにjquery-uiが必要です –

    0

    私はちょうど...おかげでみんなが問題の原因だった私のapplication.html.erbでjqueryのスクリプトを追加して、問題を解決!

    関連する問題