window.load 문서 읽기가 실행되지 않습니다.

Question

여러 행이있는 표를 렌더링하는 간단한 html5 페이지가 있습니다. 두 개의 행에서 나는 각각 다른 행을 보여 주거나 숨기는 토글 버튼의 ​​역할을하는 버튼을 제공했습니다.

테이블을 intitally 모든 행이 렌더링됩니다 다음 4 개의 열을 숨기고 올바른 기호를 단추를 설정하는 함수가 있습니다.

페이지를 실행할 때 모든 행이 표시됩니다 ... window.load 함수가 실행되지 않습니다. 나는 심지어 document.ready와 기쁨도 시험해 보았다. 처음 클릭하면 행을 숨기는 토글 버튼이 올바르게 작동합니다. 내 코드는

...

<script type="text/javascript"> 

    function toggleRetail() { 
     if ($('#but_RToggle').val()=="+"){ 
      $('#but_RToggle').val("-"); 
      $('#qretail').show("slow"); 
      $('#hretail').show("slow"); 
     } else { 
      $('#but_RToggle').val("+"); 
      $('#qretail').hide("fast"); 
      $('#hretail').hide("fast"); 
     }   
    } 

    function toggleWholesale() { 
     if ($('#but_WToggle').val() == "+") { 
      $('#but_WToggle').val("-"); 
      $('#qwholesale').show("slow"); 
      $('#hwholesale').show("slow"); 
     } else { 
      $('#but_WToggle').val("+"); 
      $('#qwholesale').hide("fast"); 
      $('#hwholesale').hide("fast"); 
     } 
    } 

    $(window).bind("load", function() { 
     $('#but_RToggle').val("+"); 
     $('#qretail').hide(); 
     $('#hretail').hide(); 
     $('#but_WToggle').val("+"); 
     $('#qwholesale').hide(); 
     $('#hwholesale').hide(); 
    }); 

</script> 

감사 어떤 도움.

Answer 1

이 스크립트 블록 앞에 jquery script 태그가 있는지 확인하십시오. 로딩

,이 중 하나?

$(document).ready(function(){ 
//code 
}); 

$(function(){ 
//code 
}); 

window.addEventListener('load', function(){ 
//code 
},false);