Azure CDN - 脚本不起作用

时间:2015-01-12 17:19:52

标签: jquery asp.net-mvc azure

我已经将文件存储在我的cdn中了,但是有些脚本和css无法执行 例如

<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,它可以正常工作。 有什么想法吗?

1 个答案:

答案 0 :(得分:0)

首先,您示例中的HTML无效 - 您需要在<script><head>代码中定义<body>代码。

其次,如果您在本地运行此 以提供协议,否则将使用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的链接已经死亡。我建议你下载任何插件的副本,然后在本地托管它。