javascript - jquery文档准备好if语句

Question

我有一些jquery，你可以点击一个单选按钮来打开一个div。但是，在页面加载时，单选按钮可能已被单击，因此我希望在单击它时将其打开。我假设我会在下面做同样的思考，但只是将“点击”更改为其他内容。但我无法弄清楚到底是什么。

$(".static_class").click(function() {
    if ($(this).val() === "0") {
        $("#none").show("fast");
    } else {
        $("#none").hide("fast");
    }
});

有什么想法吗？

Answer 1

检查页面加载时单选按钮的状态应该有效:

$(document).ready(function() {
  if($(".static_class").val()==="0")
    $("#none").show("fast"); 
  else $("#none").hide("fast");
}

最好，您应该将 if 语句放在一个函数中，然后在 $(document).ready() 和 $( ".static_class").click()

还有一个选项是允许服务器端脚本将 div 设置为 display: none(如果您不选中单选按钮)或 display: block(如果单选按钮将被选中。这将使 div 在页面准备好之前显示或隐藏。