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()上调用该函数$(".static_class").click()

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

Answer 2

好吧，这里有 $(document).ready() ：

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

您的问题有点难以理解。 您能再详细点吗？

Answer 3

尝试仅在处理程序分配的末尾添加.click()即可触发它。

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

Answer 4

使用jquery触发函数在第二次点击后触发一个事件！

Answer 5

由于单选按钮中的“值”属性未更改，因此应改用：checked选择器：

$(function() {
  if($(".static_class").is(":checked")) {
    ...
  }
}

请参阅： http ： //api.jquery.com/checked-selector/