9

アプリケーションに、datepicker カレンダーから日付を選択できるフォームがあります。ページを更新すると、フォームをクリックすると日付ピッカー カレンダーが表示されます。これは正しい動作です。

しかし、リンクを使用して別のページから同じページにアクセスすると、フォームをクリックしてもカレンダーが表示されません。カレンダーを表示するには、ページを更新する必要があります。

ここに私のフォームページがあります:

# app/views/reservations/_form.html.erb
...

      <div class="row reservations">
        <div class="span2 field">
          <%= f.label :mydate %><br />
          <%= f.text_field :mydate, class: "input-append date datepicker", value: Date.today.strftime('%d-%m-%Y') %>
        </div>
...

私のJavaScriptコード:

# app/assets/javascripts/reservations.js.coffee
$ -> $('.date').datepicker({
    format: 'dd-mm-yyyy'
    autoclose: true
    todayHighlight: true
    language: 'fr'
});

そしてGemfile：

source 'https://rubygems.org'

ruby "2.0.0"

# Bundle edge Rails instead: gem 'rails', github: 'rails/rails'
gem 'rails', '4.0.0.beta1'
gem 'bootstrap-sass', '2.3.1.0'
gem 'bcrypt-ruby', '3.0.1'
gem 'protected_attributes'
gem 'will_paginate'
gem 'bootstrap-will_paginate'
gem 'bootstrap-datepicker-rails'
gem 'rails-i18n'

gem 'pg'

# Gems used only for assets and not required
# in production environments by default.
group :assets do
  gem 'sass-rails',   '~> 4.0.0.beta1'
  gem 'coffee-rails', '~> 4.0.0.beta1'

  # See https://github.com/sstephenson/execjs#readme for more supported runtimes
  # gem 'therubyracer', platforms: :ruby

  gem 'uglifier', '>= 1.0.3'
end

gem 'jquery-rails'

# Turbolinks makes following links in your web application faster. Read more: https://github.com/rails/turbolinks
gem 'turbolinks'

# Build JSON APIs with ease. Read more: https://github.com/rails/jbuilder
gem 'jbuilder', '~> 1.0.1'
4

4 に答える 4

1

Rails 5 と Jquery Autocomplete でも同じ問題がありました。ナビゲーションバーに検索ボックスがあり、アプリの別のページに移動するたびに、elasticsearch のオートコンプリートが壊れてしまい、入力していた内容に関連するすべてのユーザーが表示されません。修正するために、これを _nav.html.erb に追加しました<nav class="navbar navbar-fixed-top navbar-inverse" data-turbolinks="false">。検索ボックスのすぐ周りのdivで試してみましたが、うまくいかないようでしたが、ナビで動作しました。Turbolinks ページによると、Turbolinks では、これらのイベントは最初のページの読み込みに応答してのみ発生し、その後のページの変更後では発生しません。

于 2016-08-23T21:04:51.173 に答える