除非刷新，否则日期选择器不会显示在 Rails 中

Question

我将日期选择器放在 Rails (v4.1.8) 的表单中。我使用 eyecon datepicker（禁用过去的日期）。 http://www.eyecon.ro/bootstrap-datepicker/

  <div class="form-group">
    <label for="expiration" class="col-sm-2 control-label">
      Expiration
    </label>
    <div class="col-sm-10">
      <input type="text" class="span2 form-control" name="expiration" id="dpd1" data-date-format="yyyy-mm-dd">
    </div>
  </div>

如果我被定向到此页面，当我单击日期表单时，日期选择器不会出现。但是，如果我在 chrome 中通过 control+r 刷新页面。日期选择器运行良好。或者，如果我在 url 栏中手动输入地址并按回车键，日期选择器也可以使用。

太奇怪了。有人可以给我解释一下吗？

另一个事实可能会有所帮助：如果我将代码保存为 html 而不是使用 Rails。它工作正常。

谢谢

Answer 1

去过那里数百万次 - 这是因为 turbolinks。 turbolinks gem 使您的网站更快 - 当您单击任何导航链接时它不会重新加载整个页面，而只会重新加载要更改的部分（它大大简化了它所做的事情，请阅读here 了解更多详情）

自然地，您的 javascript 不会被 turbolinks 跟踪，因此在加载新内容时不会执行它，从而使您的所有元素没有任何挂钩或通常没有 turbolinks 的功能。当您刷新页面时，将加载整个页面并执行所有 javascript，因此一切都按预期工作。

我通常通过定义一个辅助方法来处理它：

window.onInit = function(handler) {
  $(document).on('ready page:change', handler)
}

然后将所有 javascript 换成运行用于其中的每一页：

onInit(function() {
  $('#dpd1').datepicker();
}):

除非刷新，否则日期选择器不会显示在 Rails 中

date picker does not show in Rails unless refresh

javascript

ruby-on-rails

datepicker