Rails ujs响应未命中目标

Question

下面的视图有一个用于接收rails ujs操作结果的div

<div class='grid-x grid-padding-x'>
  <div class='cell small-12 text-center'>
    <div id="afamilis">
    </div>
  </div>
</div>

其目的是通过保持远程的form_with命令来填充。相关的.js.erb文件包含：

$(div#afamilis').append('<%= j render('afamily') %>');

并且浏览器控制台调试器确实返回200响应：

$(div#afamilis').append('<div id=\"afamily_128\">\n  <div class=\'grid-x grid-padding-x\'>\n    <div class=\'cell small-12 text-left\'>\n      blurb\n    <\/div>\n  <\/div>\n<\/div>\n');

之后，浏览器控制台调试器就会抱怨

Uncaught SyntaxError: private fields are not currently supported

然后深入到应用程序的javascript包中。

浏览器窗口未显示预期的HTML块

js.erb文件中有什么错误？

Answer 1

选择器上缺少一个左引号：

$('div#afamilis').append('<%= j render('afamily') 

另外，由于is是惟一的，因此将div添加到选择器中是非常值得怀疑的。