2012-11-08 2 views
0

ASP.net MVC 4 웹 응용 프로그램 (Visual Basic)이 있습니다. _Layout.vbhtml 공유보기에서는 코드가로드되는 div를 숨기고 모든 것이로드되면 기본 페이지 콘텐츠를 표시하도록 설계된 코드 맨 아래에 자바 스크립트가 약간 있습니다. 여기ASP.net (문서) .ready() 실행에 실패했습니다.

는 .vbhtml 파일의 일부입니다

 <!-- JQuery & Javascript Loading --> 
     @Scripts.Render("~/bundles/jquery", "~/bundles/jquerymain", "~/bundles/bootstrap", "~/bundles/lib", "~/bundles/gebo_dashboard") 
     @RenderSection("scripts", required:=False) 

     <!-- Close loading page --> 
     <script type="text/javascript"> 
      $(document).ready(function() { 
       //* show all elements & remove preloader 
       alert("Hello Ready"); 
       setTimeout('$("html").removeClass("js")', 1000); 
      }); 
     </script> 
    </div> 
</body> 

그리고 여기에 생성 된 HTML이다 : 나는 페이지 뷰를로드

 <!-- JQuery & Javascript Loading --> 
     <script src="/Scripts/jquery-1.7.1.js"></script> 
     <script src="/Scripts/jquery/jquery.ui.touch-punch.js"></script> 
     <script src="/Scripts/jquery/jquery.ui.totop.js"></script> 
     <script src="/Scripts/jquery/jquery.easing.1.3.js"></script> 
     <script src="/Scripts/jquery/jquery.debouncedresize.js"></script> 
     <script src="/Scripts/jquery/jquery.cookie.js"></script> 
     <script src="/Scripts/jquery/jquery.qtip.js"></script> 
     <script src="/Scripts/jquery/jquery.colorbox.js"></script> 
     <script src="/Scripts/jquery/jquery.jBreadCrumb.1.1.js"></script> 
     <script src="/Scripts/jquery/jquery.actual.js"></script> 
     <script src="/Scripts/jquery/jquery.imagesloaded.js"></script> 
     <script src="/Scripts/jquery/jquery.wookmark.js"></script> 
     <script src="/Scripts/jquery/jquery.mediaTable.js"></script> 
     <script src="/Scripts/jquery/jquery.peity.js"></script> 
     <script src="/Scripts/jquery/jquery.flot.js"></script> 
     <script src="/Scripts/jquery/jquery.flot.pie.js"></script> 
     <script src="/Scripts/jquery/jquery.flot.resize.js"></script> 
     <script src="/Scripts/bootstrap/bootstrap.js"></script> 
     <script src="/Scripts/bootstrap/bootstrap.plugins.js"></script> 
     <script src="/Scripts/lib/jquery-mousewheel.js"></script> 
     <script src="/Scripts/lib/antiscroll.js"></script> 
     <script src="/Scripts/lib/fullcalendar.js"></script> 
     <script src="/Scripts/lib/ios-orientationchange-fix.js"></script> 
     <script src="/Scripts/lib/list.js"></script> 
     <script src="/Scripts/lib/list.paging.js"></script> 
     <script src="/Scripts/lib/prettify.js"></script> 
     <script src="/Scripts/lib/sticky.js"></script> 
     <script src="/Scripts/gebo/gebo_common.js"></script> 
     <script src="/Scripts/gebo/gebo_dashboard.js"></script> 

     <!-- Close loading page --> 
     <script type="text/javascript"> 
      $(document).ready(function() { 
       //* show all elements & remove preloader 
       alert("Hello Ready"); 
       setTimeout('$("html").removeClass("js")', 1000); 
      }); 
     </script> 
    </div> 
</body> 
브라우저에서는 $ (document) .ready 함수가 실행되지 않으므로로드 div가 표시됩니다.

필자는 $ (document) .ready 함수 밖에서 경고를 전후로 실행하여 테스트 섹션을 작성 했으므로 예상했던 방식대로 경고가 발생합니다. 그러나 $ (document) .ready 함수 내부의 경고는 절대로 표시되지 않으며 함수가 실행되지 않음을 나타냅니다.

나는 또한 행운과 함께 pageLoad() 함수를 사용해 보았습니다.

누구도이 작업을 거부하는 이유를 알고 있습니까?

+3

콘솔에 오류가 있습니까? 해당 페이지에서 jquery를 사용 하시겠습니까 (예 : 잘못된 링크)? –

+0

그게 바로 문제였습니다. 고마워요. – JohnHenry

답변

1

아, 방금 문제를 발견했습니다. 내 ASP.net 프로젝트에 템플릿을 포팅했는데 Firebug에 따르면 페이지에 단일 자바 스크립트 오류가있었습니다. 내가 어떻게 그것을 놓쳤는 지 모르지만, 오류를 해결하면 문제가 해결되었습니다. :)

관련 문제