2015-01-12 3 views
-1

У меня есть файлы, сохраненные в моем ТПС штрафа, однако некоторые скрипты и CSS не выполнить НапримерAzure 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> 

Однако если указать файл локально и не использовать КДС он отлично работает. Любые идеи?

ответ

0

Во-первых, HTML в вашем примере недействителен - вам необходимо определить теги <script> в тегах или <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 мертв. Я бы посоветовал вам загрузить копию любого плагина, который есть и разместить его локально.

+0

Я думал, что для повышения производительности лучше всего загружать файлы сценариев в конце? https://developer.yahoo.com/blogs/ydn/high-performance-sites-rule-6-move-scripts-bottom-7200.html –

+0

Любой из них является приемлемым. Это зависит от вашей ситуации и работы, выполняемой в скрипте. –

+0

Почему downvote? –

Смежные вопросы