2013-09-21 40 views
0

我有一個網頁,我在標題中加載了一些JavaScript文件。某些子頁面會加載附加的JavaScript文件。在主頁一切工作得很好,但在子頁面,我得到了很多例外的是這樣的:Javascript未正確載入訂單?

Uncaught TypeError: Property '$' of object [object Object] is not a function

我可以看到,在details.js,voteHandler.js和4次發生在HTML頁面此異常本身。唯一的例外是始終扔在這條線:

$("document").ready(function() { 

這是工作的主要頁面的樣子:

<head> 
     <script type="text/javascript" src=/Scripts/jquery-1.7.1.min.js></script> 
     <script type="text/javascript"> 
      //URL for voting 
      var _postVoteUrl = 'http://localhost:5215/Post/Vote' 
      //URL for tags 
      var _tagsUrl = 'http://localhost:5215/Post/Tags' 

      //Keep track of if a cascading is loading, if so, cancel submits 
      var cascadingControlLoading = false; 
      window.latestClick = ''; 

      function IsNotDblClick(objectID) { 
       if (window.latestClick != objectID && 
        !cascadingControlLoading) { 
        window.latestClick = objectID; 
        return true; 
       } else { 
        return false; 
       } 
      } 

      $(document).ready(function() { 
       if($('#rightCon').text().trim().length < 1) 
       {$('#rightCon').hide();} 
      }); 

     </script> 
     <script type="text/javascript" src=/Scripts/jquery-ui-1.8.20.min.js>"></script> 
     <script type="text/javascript" src=/Scripts/jquery.elastic.source.js></script> 
     <script type="text/javascript" src=/Scripts/jquery.validate.min.js></script> 
     <script type="text/javascript" src=/Scripts/jquery.validate.unobtrusive.min.js></script> 
     <script type="text/javascript" src=/Scripts/jquery.qtip.min.js></script> 
     <script type="text/javascript" src=/Scripts/formhandler.js></script> 
     <script type="text/javascript" src=/Scripts/taghandler.js></script> 
     <script src="/Scripts/voteHandler.js"></script> 
     <script type="text/javascript" src=/Scripts/select2.min.js %>"></script> 

    <script> 
     function TogglePostCon() { 
      $('#postListEditorCon').toggle(); 
     } 


     SetupTagTextBox("txtTagBox", false); 
     SetupTagTextBoxPersonalTag("txtPersonalTagBox", true); 
     SetupTagTextBoxPersonalTag("txtPersonalIgnoreTagBox", true); 
    </script> 

     <script src="/Scripts/modernizr-2.5.3.js"></script> 
    </head> 

這是拋出的異常的子頁面:

<head> 
      <script type="text/javascript" src=/Scripts/jquery-1.7.1.min.js></script> 
      <script type="text/javascript"> 
       //URL for voting 
       var _postVoteUrl = 'http://localhost:5215/Post/Vote' 
       //URL for tags 
       var _tagsUrl = 'http://localhost:5215/Post/Tags' 

       //Keep track of if a cascading is loading, if so, cancel submits 
       var cascadingControlLoading = false; 
       window.latestClick = ''; 

       function IsNotDblClick(objectID) { 
        if (window.latestClick != objectID && 
         !cascadingControlLoading) { 
         window.latestClick = objectID; 
         return true; 
        } else { 
         return false; 
        } 
       } 

       $(document).ready(function() { 
        if($('#rightCon').text().trim().length < 1) 
        {$('#rightCon').hide();} 
       }); 
      </script> 
      <script type="text/javascript" src=/Scripts/jquery-ui-1.8.20.min.js>"></script> 
      <script type="text/javascript" src=/Scripts/jquery.elastic.source.js></script> 
      <script type="text/javascript" src=/Scripts/jquery.validate.min.js></script> 
      <script type="text/javascript" src=/Scripts/jquery.validate.unobtrusive.min.js></script> 
      <script type="text/javascript" src=/Scripts/jquery.qtip.min.js></script> 
      <script type="text/javascript" src=/Scripts/formhandler.js></script> 
      <script type="text/javascript" src=/Scripts/taghandler.js></script> 
      <script src="/Scripts/details.js"></script> 
      <script src="/Scripts/voteHandler.js"></script> 
     <script> 
$(function() { 

       //Google +1 
       $.getScript("http://apis.google.com/js/plusone.js", null, true); 

       //Twitter 
       $.getScript("http://platform.twitter.com/widgets.js", null, true); 

       //Facebook 
       $.getScript("http://connect.facebook.net/en_US/all.js#xfbml=1", function() { 

        $('body').append('<div id="fb-root"></div>'); 

        FB.init({ status: true, cookie: true, xfbml: true }); 

       }, true); 
      }); 
    </script> 

     <script src="/Scripts/modernizr-2.5.3.js"></script> 
    </head> 

我討厭一些加載在身體底部的腳本,這並沒有產生異常,但從我讀到的這不是一個推薦的方式去。

那麼爲什麼我的子頁面會產生這些異常呢?

+0

人士表示,身體的端部裝貨的腳本是壞?我認爲這是推薦,因爲它更快地加載頁面... –

+0

是否在任何地方使用['jQuery.noConflict()'](http://api.jquery.com/jQuery.noConflict/)?另外,這些頁面是由服務器端環境生成的嗎?還有一些額外的運算符,在代碼片段中包含'%>',以提示嵌入代碼。如果是這樣,'