在 Jade 问题中使用 jQuery 检查按钮

Question

我阅读了几个链接，但无法找到为什么它不起作用的答案。

我需要在 Jade 中加载页面时检查按钮，这里是按钮代码：

.radio
    label
      input#camera(type='radio', name="camera", value="1")
      |             Camera

这是 JS：

$("#camera").prop("checked", true)

我已经检查过 jQuery 在我的页面上正常运行，并且 prop 函数的版本高于 1.6。感谢任何能提供帮助的人。

Answer 1

如果需要立即设置，只需在Jade中设置一个checked属性即可：

input#camera(type='radio', name="camera", value="1", checked="checked")

否则，请确保您的 jQuery 代码是运行当 DOM 准备就绪时（即当所有元素都存在时）：

$(function() {
  $("#camera").prop("checked", true);
});

Answer 2

您的代码看起来是正确的。也许您在文档准备好之前查询了它？查看生成的 html.

会很有帮助

你可以试试：

$(function(){ 
  $("#camera").prop("checked", true);
});

Answer 3

上面的代码按照你为我描述的那样工作。我只需要确保 jade 的格式是正确的——我复制它的时候混合了 spaces/tabs。

你可以默认勾选jade。

input#camera(type="radio", name="camera", value="1", checked="checked")

Button checked with jQuery in Jade issue