动态添加的 HTML 中的原型 Ajax.Autocompleter 不起作用

Question

嘿，这是我第一次真正写完问题而没有在这个过程中给我答案。 :)

我有一个嵌套表单（沿着 Ryan Bates 关于该主题的 Railscast 教程的内容），它允许用户动态添加其他字段，以使用基于原型的 javascript 添加/删除嵌套模型。可以添加和删除额外的字段，并且可以很好地创建新模型。

问题是，其中一个字段使用了 Ajax.Autocompleter；渲染部分时页面中的代码如下所示：

<script type="text/javascript">
//<![CDATA[
new Ajax.Autocompleter(...various args...);
//]]>
</script>

如果首先渲染部分（例如，如果表单以部分的一个实例开始，或者在编辑现有的嵌套模型时），则自动完成器可以正常工作。但是，它在动态添加的表单字段中不起作用。

我尝试过使用 insert() 并仅设置空 div 的innerHTML 来插入 HTML 部分。使用 insert() 时，会评估自动完成程序代码，并且

我怀疑这与 evalScripts 的工作方式有关，并且我找到了 一些有关subject，但我很难弄清楚如何将其应用于自动完成器声明。

非常感谢任何建议！

预计到达时间：添加用于在新部分中添加的 javascript：

  function add_section(link, nested_model_name, content) {
      // get the right new_id which should be in a div with class "last_id" at the bottom of 
      // the nearest section
      var last_id = parseInt($(link).up().previous('.last_id').innerHTML);
      var new_id = last_id + 1;
      var regexp = new RegExp("new_" + nested_model_name, "g");
      content = content.replace(regexp, new_id)

      // this is the line that actually inserts the content into the page
      $(link).up().insert({before: content});
  }

在插入之前，使用 firebug 进行调试显示内容是正确的（即其中包含正常工作的自动完成代码）。

Answer 1

我知道这是一个较旧的问题，但我最近遇到了同样的问题。

我不确定您使用的是哪个版本的 auto_complete？我正在使用 git 中的rails/auto_autocomplete。

在那个插件中，javascript代码是这样的，

lib/auto_complete_macros_helper.rb

def auto_complete_field(field_id, options = {})
    function =  "var #{field_id}_auto_completer = new Ajax.Autocompleter("

我遇到了同样的问题。输入字段将可见，但自动完成功能不起作用。事实证明，var 关键字使变量具有局部作用域。

这意味着 evalscripts 中计算的任何内容都位于与原始 DOM 对象不同的范围内。

我的补丁只是删除 var 关键字。

lib/auto_complete_macros_helper.rb

def auto_complete_field(field_id, options = {})
    function =  "#{field_id}_auto_completer = new Ajax.Autocompleter("

我对你的设置了解不够，无法确定出了什么问题，但我敢打赌这也与 evalscripts 的范围有关。

Answer 2

你的JS是在你通过ajax.updater加载的脚本标签中注册自动完成器吗？如果是这样，您必须添加 evalScript 参数以对其进行评估：new Ajax.Updater('target',url,{method:'get', evalScripts:true}) ;

Answer 3

好的，作为一个实验，我尝试按如下方式更改我的自动完成器帮助程序代码，现在它工作正常：

FROM:

javascript_tag("new Ajax.Autocompleter(...

TO:

javascript_tag("var autocomplete_for_#{fieldname} = new Ajax.Autocompleter(...

这是在 Rails 帮助程序中，但除非我误解，我认为重点是通过声明一个变量，它导致原型在插入代码时实际评估新调用。

（不过，对于为什么这个有效而另一个无效的更多/更好的见解仍然是非常受欢迎的，因为现在这主要是盲目的运气。）