Rails UJS - 无法让jquery在第一个动作后触发

  • Z时代
  • 2024-01-10
  • 分类：问答

在我的show.html.haml视图中，我有一个表单，用户可以更改一些设置。我刚刚更新使用Rails UJS，当用户更改下拉菜单时，他们会看到jquery shizzle这样做。Rails UJS - 无法让jquery在第一个动作后触发

我在show.js文件中所做的所有事情都是刷新表单的部分内容，并闪烁显示错误消息。

问题是，一旦它被更新一次，jquery下拉选择不起作用。我想这是因为它渲染了update.js视图 - 因此我包含了这个文件。但是，仍然没有任何反应，我在日志中没有出现错误。

在show.html.haml我已经（简化）：

#show_form 
    = render "show"

我的节目部分包含：

= semantic_form_for @product_order, :remote => true do |f| 
    = f.select :shipping_method, options_for_select(ProductOrder::Couriers, :selected => @product_order.shipping_method)

我show.js.erb和update.js.erb包含：

$("#show_form").html("<%= escape_javascript(render("show")) %>"); 
$("#status_banner").effect("highlight", {}, 3000); 
$("#status_banner").html("<h2>ORDER STATUS: <%= (@product_order.state.titlecase) %></h2>"); 
$("#status_banner").removeClass("alert").addClass("alert <%= (@product_class) %>");

在我product_order.js.coffee我有这样的：

jQuery -> 
    $("#dropdown_select").change -> 
    $(this).closest("form").submit() 
    $(this).serialize() 
    null 
    "script" 
    false

就像我说的，第一个动作起作用，但在第一次更新后失败。我的控制器更新操作有点笨重，但我确定我已经包含了format.js。我也试过把respond_to：js放在控制器的顶部。

我在做这个错误还是有一个简单的修复，我无法看到？

回答：

你的问题是，刷新表单后，你的js不会触发，因为从技术上讲它是DOM中的一个新元素。你需要使用jquery事件像这样绑定：

jQuery -> 
    $("#dropdown_select").on "change", -> 
    $(this).closest("form").submit() 
    $(this).serialize() 
    null 
    "script" 
    false

以上是 Rails UJS - 无法让jquery在第一个动作后触发 的全部内容， 来源链接： utcz.com/qa/267233.html

回到顶部