javascript - 切换元素不适用于 jQuery

Question

我想仅在满足特定条件时才执行 JQuery 切换功能(它切换输入字段以使其可供客户端访问)。 (我正在使用 JavaScript 测试条件。)我可以这样做吗？由于某种原因，当我在 JavaScript 函数中设置 JQuery 切换函数时，它不起作用，所以我不确定我是否做错了什么，或者这是否根本无法完成。

<script type="text/javascript">
function conditionalToggle()
{
   if (conditionIsMet)
   {
      // JQuery toggle call here
   }
}
</script>

Answer 1

您可能没有正确使用 jQuery，或者没有执行该函数，或者(jQuery 新用户最常见的错误)没有等待 DOM 准备好:

function foo(){
    if ("foo" === "foo")
        $('#elementId').toggle();
}

$(function(){ // functions inside $() runs after the DOM is ready.
    foo();
});

其中 elementId 是元素 ID 的占位符。
Simple DEMO

<小时/>

请注意，您可以使用此toggle重载:

$('#elementId').toggle(showTheElementOrNot);

切换(显示或隐藏)
showOrHide 一个 bool 值，指示是否显示或隐藏元素。

jQuery docs