토글 요소가 jQuery와 작동하지 않습니다.

Question

특정 조건이 충족되는 경우에만 JQuery 토글 기능을 실행 (입력 필드를 클라이언트가 액세스 할 수 있도록 토글합니다)하고 싶습니다. (JavaScript를 사용하여 조건을 테스트하고 있습니다.)이 작업을 수행 할 수 있습니까? 어떤 이유로, JQuery 토글 함수는 JavaScript 함수 내에 설정할 때 작동하지 않으므로 잘못된 작업을 수행하고 있는지 또는 전혀 수행 할 수 없는지 잘 모르겠습니다.

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

Answer 1

당신은 아마 jQuery를 권리를 사용하지 않는, 또는 DOM이 준비가 될 때까지 기다립니다하지 않는 기능, 또는 (새 jQuery를 사용자의 가장 일반적인 실수를) 실행하지 않습니다

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

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

여기에서 elementId은 요소 ID의 자리 표시 자입니다. 이 toggle 과부하를 사용할 수 있습니다
Simple DEMO

---

참고 :

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

toggle(showOrHide)
showOrHide 부울 표시하거나 요소를 숨길 수 있는지 여부를 나타내는.

jQuery docs

Answer 2

준비() 함수 내에서

<script type="text/javascript"> 
$(function() { 
    function conditionalToggle(){ 
     if (conditionIsMet) { 
     $(element).toggle(); 
     } 
    } 
}); 
</script> 

하거나 할 경우 jQuery를 작동합니다 :

<script type="text/javascript"> 
    function conditionalToggle() { 
     if (conditionIsMet) { 
      element.style.display = element.style.display=='block' ? 'none' : 'block'; 
     } 
    { 
</script> 

Answer 3

DOM이 준비가되면 당신이 한 경우 당신은 그것을 할 수 있습니다 여전히 문제가 있다면 다음과 같이 할 수 있습니다.

<script type="text/javascript"> 
    $(window).load(function() { 
     conditionIsMet && $('#elementId').toggle(); 
    }); 
</script>