2012-11-08 55 views
0

我有一個ASP.net MVC 4 Web應用程序(Visual Basic中)。在_Layout.vbhtml共享視圖中,我在代碼的最底部設置了一小段javascript,用於隱藏加載div,並在加載完所有內容後顯示主頁面內容。ASP.net(文件)。就緒()不運行

這裏是.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函數內部的警報從不顯示,表明該函數從不運行。

我也使用了頁面加載()函數,沒有運氣也試過。

有誰知道爲什麼會這樣拒絕工作?

+3

在控制檯中的任何錯誤?你確定你在那個頁面上有一個jQuery(例如錯誤的鏈接)? –

+0

這正是問題所在,謝謝。 – JohnHenry

回答

1

啊,我只是發現了問題。我一直在將模板移植到我的ASP.net項目中,根據Firebug,頁面上出現了一個單獨的javascript錯誤。不知道我是如何錯過它的,但解決錯誤已經解決了這個問題。 :)

相關問題