以特定順序包含jqPlot文件

jQPlot必須包含在標題中是否有特定的順序？目前我使用jQMobile，但由於某些原因，我的jqPlot BarRenderer.js不被認可......以特定順序包含jqPlot文件

<head> 
    <!-- CSS --> 
    <link rel="stylesheet" href="./signup.css"> 
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css" /> 
    <link rel="stylesheet" type="text/css" href="http://dev.jtsage.com/cdn/simpledialog/latest/jquery.mobile.simpledialog.min.css" /> 

    <!-- Modernizer --> 
    <script type="text/javascript" src="./modernizr.custom.56582.js"></script> 
    <!-- jquery --> 
    <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> 
    <script src="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js"></script> 

    <!-- simpleDiaglo2 --> 
    <script src="http://dev.jtsage.com/cdn/simpledialog/latest/jquery.mobile.simpledialog2.js"></script> 
    <script type="text/javascript" src="http://dev.jtsage.com/cdn/simpledialog/latest/jquery.mobile.simpledialog2.min.js"></script> 
    <!-- Bar Chart --> 
    <script class="include" language="javascript" type="text/javascript" 
     src="./jquery-jqPlot/jquery.jqplot.js"></script> 
<script class="include" language="javascript" type="text/javascript" src="./jquery-jqPlot/plugins/jqplot.barRenderer.min.js"></script> 

</head>

來源

2012-07-31 Apollo

一個例子加載順序可能是jQuery的，jqplot，主渲染器（S），軸渲染器，然後點標籤。訂單取決於項目依賴性。

你是包括來自CDN的JS，這是很好的。但在您的示例中，您的頁面的<head>中包含JavaScript。您應該將您的JS包含在</body>標記的上方，以加快頁面加載時間。 CSS應該包含在<head>區域中。

最近更新的官方jqplot例如網頁「柱狀圖」顯示此加載順序文件：

文檔順序：

<script type="text/javascript" src="../jquery.min.js"></script> 
<script type="text/javascript" src="../jquery.jqplot.min.js"></script> 
<script type="text/javascript" src="../jquery.jqplot.min.js"></script> 
<script type="text/javascript" src="../plugins/jqplot.barRenderer.min.js"></script> 
<script type="text/javascript" src="../plugins/jqplot.pieRenderer.min.js"></script> 
<script type="text/javascript" src="../plugins/jqplot.categoryAxisRenderer.min.js"></script> 
<script type="text/javascript" src="../plugins/jqplot.pointLabels.min.js"></script> 
<link rel="stylesheet" type="text/css" hrf="../jquery.jqplot.min.css" />

注意，無論是實際的源和官方網頁的文檔出現有一個錯誤 - jqplot被加載兩次。但是，他們正確地在實際源代碼中加載了CSS中的CSS - 該示例顯示它在JS中加載不合適的頁腳。下面是實際的JS加載順序示例網頁：

實際順序例如頁：

<!-- Don't touch this! --> 
<script class="include" type="text/javascript" src="../jquery.jqplot.min.js"></script> 
<script type="text/javascript" src="syntaxhighlighter/scripts/shCore.min.js"></script> 
<script type="text/javascript" src="syntaxhighlighter/scripts/shBrushJScript.min.js"></script> 
<script type="text/javascript" src="syntaxhighlighter/scripts/shBrushXml.min.js"></script> 
<!-- Additional plugins go here --> 
<script class="include" type="text/javascript" src="../jquery.jqplot.min.js"></script> 
<script class="include" type="text/javascript" src="../plugins/jqplot.barRenderer.min.js"></script> 
<script class="include" type="text/javascript" src="../plugins/jqplot.pieRenderer.min.js"></script> 
<script class="include" type="text/javascript" src="../plugins/jqplot.categoryAxisRenderer.min.js"></script> 
<script class="include" type="text/javascript" src="../plugins/jqplot.pointLabels.min.js"></script> 
<!-- End additional plugins -->

參考文獻：http://www.jqplot.com/deploy/dist/examples/barTest.html，http://developer.yahoo.com/performance/rules.html，個人經驗

來源

2013-01-08 22:52:27

以特定順序包含jqPlot文件

回答

相關問題