Простые jQuery " - PullRequest
Новая
       55

Простые jQuery "

0 голосов
/ 26 июня 2019

Я пытаюсь отложить очень простой тест jQuery, чтобы оптимизировать скорость моего сайта:

Это тест jQuery: 

<html>
  <head>
    <title>Test Defer</title>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
  </head>
  <body>
  <script type="text/javascript">$(document).ready(function(){$("#jquerytext").html("Hello World by JQuery");});</script>
  Hello World by HTML
  <div id="jquerytext"></div>
  </body>
</html>

Работает правильно. Однако, если я изменю вызов в библиотеки jQuery: 

<script defer src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>

это не сработает.

Я что-то не так делаю? Спасибо.

1 Ответ

0 голосов
/ 26 июня 2019

Как правильно указано в хороших комментариях, он должен был использовать событие window.onload, потому что оно будет срабатывать после загрузки всей страницы, включая отложенные сценарии. 

<html>
  <head>
    <title>Test Defer</title>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
  </head>
  <body>
  <script type="text/javascript">
     window.onload = function() {
      $(document).ready(function(){$("#jquerytext").html("Hello World by JQuery");});
     };
  </script>
  Hello World by HTML
  <div id="jquerytext"></div>
  </body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...