Coffeescript 在 rails 和 bootstrap 模式 window 中不工作

Question

我有 rails 控制器 "contacts_controller.rb" 然后我在 contact.coffee.

中有 coffeescript 代码

我有索引视图，我有 bootstrap 模态 window 我正在加载 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"

但是无论我在模态 window 中尝试运行什么 coffeescript 代码，它都不起作用。

我是否必须为 _new.html.erb 视图创建单独的 .coffee 文件，或者我是否必须在 index.html.erb 中加载模态 window 后做一些事情，以便 .coffee 文件可以查看模态 window?

中的选择器

Answer 1

试试这个

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

正如 Santiago 在评论中提到的，您需要在 js 文件中执行此操作，因为您正在使用 turbolinks，

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

Coffeescript 在 rails 和 bootstrap 模式 window 中不工作

Coffeescript not working in modal window in rails with bootstrap

ruby-on-rails

coffeescript

ruby-on-rails-4

bootstrap-modal