类型的CSS不适用于turbolinks

Question

问题在于按下页面上的任何链接后文本输入框的移动。

Turbolinks 已启用。[如果删除此行代码，则问题会得到修复]

//= require jquery.turbolinks

与搜索框关联的

Javascript 工作正常：

var ready;
ready = function() {

        $('.typeahead').typeahead(null, {
          ...
        });
}

$(document).ready(ready);
$(document).on('page:load', ready);

同样在重新加载时，恢复“之前”状态。

使用标记为 typeahead 的输入框时会出现此问题。

之前：

后：

Answer 1

搜索文本字段最初具有以下嵌入式Ruby：

<%= text_field_tag :search, params[:search],class: "address form-control" %>

将其更改为

<%= text_field_tag :search, params[:search],id: "address",class: "form-control" %>

修复了问题。