2015-01-12 46 views
-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它工作正常。 有什么建议吗?

回答

0

首先,您示例中的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链接已经死了。我建议你下载任何插件的副本,并在本地托管它。

+0

我认为性能的原因是最好加载脚本文件的最后? https://developer.yahoo.com/blogs/ydn/high-performance-sites-rule-6-move-scripts-bottom-7200.html –

+0

两者都可以接受。这取决于你的情况和脚本中正在完成的工作。 –

+0

为什么downvote? –