使用带有 cocoon:after-insert 的数据操作答案

【问题标题】：using data-action with cocoon:after-insert使用带有 cocoon:after-insert 的数据操作
【发布时间】：2020-11-24 20:13:42
【问题描述】：

我正在将一些较旧的 JS 转换为刺激。

$(document).on('cocoon:after-insert', function(e, element) {
  $some_inputs.change(updateMethodName)
})

茧加部分样子

= link_to_add_association 'Add Something', f, :method, partial: 'path/some_fields', class: 'btn btn-primary', 'data-action': 'click->stimulus-controller.someMethod'

这是 HTML 输出

<a class="btn btn-primary add_fields" data-action="click->stimulus-controller.someMethod" data-association="..." data-associations="..." data-association-insertion-template="..." href="#">Add Something</a>

现在 someMethod 我们正在工作，就像我在连接上调用它一样但我在从用户界面调用它时遇到问题。

【问题讨论】：

请澄清：如果我理解正确，您之前使用的是回调，现在要使用刺激？我猜那是行不通的？或者正在发生什么，你期望发生什么？我的 2 美分：茧会将 js 附加到 link_to_add_association 并且可能会阻止其他 js，反之亦然。我认为你应该一直使用刺激或茧。

标签： ruby-on-rails cocoon-gem cocoonjs stimulusjs

【解决方案1】：

这个问题是

<a class="btn btn-primary add_fields" data-action="click->stimulus-controller.someMethod" data-association="..." data-associations="..." data-association-insertion-template="..." href="#">Add Something</a>

应该改为

<a class="btn btn-primary add_fields" data-action="click->stimulus-controller#someMethod" data-association="..." data-associations="..." data-association-insertion-template="..." href="#">Add Something</a>

. 需要改为#

【讨论】：