jQuery 自动完成功能不适用于 Turbolinks

Question

我正在使用 Rails 4。我的 shared.js.coffee 中的这段代码在没有 Turbolinks 的情况下工作正常:

jQuery ->
  $('input.autocomplete,textarea.autocomplete').each (index, item) =>
    sel = $(item)
    sel.autocomplete
      source: sel.data('autocomplete-source')
      minLength: 1

但是当我使用Turbolinks时，它仅适用于页面刷新。浏览网站后它不起作用。

我已阅读 Rails 4, Turbolinks, and Delegated Event Handling in jQuery ，所以我知道出了什么问题，但我还不知道如何解决问题。

还有一个相关问题:如果 jQuery UI autocomplete plugin 任何人都可以明确评论吗？ ——或者就此而言，一般的插件——是为了与 Turbolinks 一起工作而设计的吗？

Answer 1

使用jQuery Turbolinks .

"if you have a large codebase with lots of $(el).bind(...) Turbolinks will surprise you. Most part of your JavaScripts will stop working in usual way. It's because the nodes on which you bind events no longer exist."

用法:

# Gemfile:
gem 'jquery-turbolinks'

# JavaScript manifest file:
//= require jquery.turbolinks

也许，在某个时候，jQuery $.widget 函数将提供一个以不同方式绑定(bind)的选项，但在那之前，这是有效的。不需要对 Javascript 进行其他更改。