Coffeescript不在带有引导程序的rails中的模态窗口中工作

Posted 2021-04-16

我有rails控制器“contacts_controller.rb”然后我在contact.coffee中有coffeescript代码。

我有索引视图，我有bootstrap模式窗口，我正在加载new.html.erb

<div id="contact-modal" class="modal fade">
  <div class="modal-dialog">
    <div id="inner-contact-modal" class="modal-content"></div>
  </div>
</div>

我有一个简单的简单警报，在单击标题时执行，例如下面的代码将与index.html.erb一起使用

$ -> 
  $("#contacts-title").click ->
    alert "contacts-title is clicked"

但无论我尝试在模态窗口中运行的coffeescript代码，它都不起作用。

我是否必须为_new.html.erb视图创建单独的.coffee文件，或者在index.html.erb中加载我的模态窗口后是否必须执行某些操作，以便.coffee文件可以在模态窗口中看到选择器？

答案

试试这个

$("body").on "click", "#contacts-title", ()->

正如圣地亚哥在评论中提到的，当你使用turbolinks时，你需要在你的js文件中这样做，

ready = ()->
  $("body").on "click", "#contacts-title", ()->
    alert "contacts-title is clicked"
$(document).on 'page:load ready', ready