Azure的CDN - 腳本不工作存儲在我的CDN精細

-1

我有文件，但一些腳本和CSS無法執行例如Azure的CDN - 腳本不工作存儲在我的CDN精細

<HTML> 
.... 
</HTML> 
<script src="//azxxxx.vo.msecnd.net/scripts/bootstrap-datetimepicker.min.js"></script> 
<script> 
$(".datetime").datetimepicker({ autoclose: true, pickTime: false, todayHighlight:true }); <--Uncaught TypeError: undefined is not a function 
</script>

但是，如果我在本地指定文件，而不是使用CDN它工作正常。有什麼建議嗎？

來源

2015-01-12 D-W

首先，您示例中的HTML無效 - 您需要在<head>或<body>標籤內定義<script>標籤。其次，如果您在本地運行，您的已有提供協議，否則將使用file://，您將獲得瀏覽器安全阻止文件訪問權限。

第三，你仍然需要在頁面中包含jQuery。

最後，您需要將您的jQuery代碼放入DOMReady處理程序中。

如此說來，試試這個：

<html> 
    <head> 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> 
     <script src="http://azxxxx.vo.msecnd.net/scripts/bootstrap-datetimepicker.min.js"></script> 
     <script> 
      $(function() { 
       $(".datetime").datetimepicker({ 
        autoclose: true, 
        pickTime: false, 
        todayHighlight: true 
       }); 
      }); 
     </script> 
    </head> 
    <body> 
     <!-- The rest of your markup --> 
    </body> 
</html>

最後要注意，你必須bootstrap-datetimepicker.js鏈接已經死了。我建議你下載任何插件的副本，並在本地託管它。

來源

2015-01-12 17:21:32

我認爲性能的原因是最好加載腳本文件的最後？ https://developer.yahoo.com/blogs/ydn/high-performance-sites-rule-6-move-scripts-bottom-7200.html –

兩者都可以接受。這取決於你的情況和腳本中正在完成的工作。 –

爲什麼downvote？ –

Azure的CDN - 腳本不工作存儲在我的CDN精細

回答

相關問題