javascript - 在 Jquery 中使用 HAML 而不是 HTML 文件是否会更改 onclick 函数的输入？

Question

我有一个 haml 文件和一个带有 id 的按钮。这是否会更改单击功能的输入。使用点击的传统方法不起作用。需要做出哪些改变？

.chatboxhead
  .chatboxtitle
    %i.fa.fa-comments
    %h1
      = @reciever.uname
    %button.interview.full{:id => "button_reg"} 申し込み
  .chatboxoptions
    = link_to "<i class='fa  fa-minus'></i> ".html_safe, "#", class: "toggleChatBox", "data-cid" => @conversation.id
      
    \#{link_to "<i class='fa  fa-times'></i> ".html_safe, "#", class: "closeChat", "data-cid" => @conversation.id}
  %br{:clear => "all"}/

我的 JQuery 如下:

//opens a form on button click
openform: function() {
    $('#button_reg').click(function () {
        console.log("Testing Click");
    });
}

Answer 1

不，这没有效果。 HAML被渲染为HTML以便在浏览器中渲染； Jquery 在此呈现的 HTML 上运行，而不是在 HAML 上运行。

我认为您的事件没有按照您期望的方式进行。您在 openform 事件中注册单击处理程序，这意味着它在表单打开后才处于事件状态。如果您期望它打开表单，那么它将无法工作。