使用 jQuery/Coffeescript 在页面加载时触发函数

Question

我有一个表单，可以根据用户所做的选择显示或隐藏元素。当表单验证失败时，我需要这些元素根据之前的选择在页面加载时显示或隐藏。

我的代码看起来有点像这样：

ready = ->
  $(".radio-button").on "ready change", ->
    value = $(this).val()
    if value != true
        $("#some-element").show();
    else
        $("#some-element").hide();

$(document).ready(ready)
$(document).on('page:load', ready)

更改处理程序工作正常，但就绪处理程序永远不会触发。我猜这与在 jquery 可以绑定自己的处理程序之前完成准备动作有关？

Answer 1

将“就绪”事件附加到 .radio-button 选择器的目的是什么？我不太确定这是否有效。无论如何，请尝试以下操作。

ready = ($) ->
    changeEvent = (e) ->
        value = $(this).val()
        if value is not true
            $("#some-element").show()
        else
            $("#some-element").hide()
    $(".radio-button")
        .on("change", changeEvent)
        .each -> $(this).change()

jQuery ready

这会将更改事件绑定到选择器，然后立即为每个元素触发该事件。