javascript - 绑定(bind)处理程序以形成 'ajax:success' 事件

Question

我有一个表格，我正在使用 magicsuggest将文本字段转换为标签字段的库。
我的表单:

= form_for @question, remote: true do |f|
  .form-group
    = f.label :tag_list
    = f.text_field :tag_list, class: 'suggest-tag'
  = f.submit

我的脚本:

$('.suggest-tag').magicSuggest({
  data: ['Paris', 'London']
});

提交 AJAX 表单后，我从响应重新渲染该表单，但输入字段未转换为标记字段，因为 magicsuggest 不再与新字段“关联”。如何将处理程序绑定(bind)到“ajax:success”事件或其他事件，以便在重新呈现表单后在新字段上正确实例化 magicsuggest？

Answer 1

为什么不在 ajax 文件底部调用 js 脚本(js.erb)。这样您的脚本将在您的 ajax 操作之后被调用。

更新:

假设您的文本字段有一个 id“标签”，那么您可以执行以下操作:

$(document).on("click","#tag",function(){
  $('.suggest-tag').magicSuggest({
    data: ['Paris', 'London']
  });
});