coffeescript和jQuery中的变量不起作用

Question

datePicker = $("#datepicker")
$ ->
  $("#datepicker").datepicker()

上述作品很棒，但是爱情并没有。

datePicker = $("#datepicker")
$ ->
  datePicker.datepicker()

我找不到第二个没有调用日历控件的原因？

Answer 1

您正在注册一个在DOM准备就绪的函数。在第一个示例中，在DOM准备好之前，您不会查找#datepicker元素;在第二个示例中，您正在寻找 ，但之后尝试在DOM就绪时使用它。

我希望它失败，因为此代码高于HTML中的#datepicker元素，因此代码运行时该元素尚不存在。

如果您将代码移到页面底部，就在结束</body>标记之前（通常是a good idea），两者都应该有效（并且您可以停止使用DOM就绪回调）。