javascript — Подключение jQuery к html
Задать вопрос
Вопрос задан
Изменён 3 года 6 месяцев назад
Просмотрен 3k раза
Пытаюсь подключить jQuery:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>lll</title> <link href="https://fonts.googleapis.com/css?family=Cute+Font|Inconsolata" rel="stylesheet"> <script src="https://ajax.googleapis.com/ajax/libs/d3js/5.7.0/d3.min.js"></script> </head> <body> </body> </html>
Но так сделать не получается, вот сообщение:
There is no locally stored library for the HTTP link.
less… (Ctrl+F1) Inspection info: Checks that URL of an external JavaScript library is associated with a locally stored file used for code completion and navigation. Use ‘Download library’ quick fix (Alt+Enter) to solve the problem.
- javascript
- html
- css
- веб-программирование
3
В шапку вставь и будет работать <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.0/jquery.min.js" />
Вы пользуете 146% WebStorm (или IDE на его базе), а он не любит, когда подключают удалённо библиотеки (а это зло). Делает он так от того, чтобы у вас гарантированно работала библиотека и не отваливалась при недоступности API.
Зарегистрируйтесь или войдите
Регистрация через Google
Регистрация через Facebook
Регистрация через почту
Отправить без регистрации
Почта
Необходима, но никому не показывается
Отправить без регистрации
Необходима, но никому не показывается
Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки
Включить jQuery на страницы HubSpot
В настройках вашего веб-сайта вы можете указать, чтобы jQuery загружался на ваши страницы HubSpot.
- настройки значок настроек на главной панели навигации.»}» data-sheets-userformat=»{«2″:8402947,»3″:[null,0],»4″:[null,2, 16777215],»14″:[null,2,0],»15″:»Arial»,»16″:10,»26″:400}» data-sheets-formula=»=»»»>В вашем Учетная запись HubSpot, нажмите настройки значок настроек на главной панели навигации.
- В меню левой боковой панели перейдите к Website > Pages .
- В верхней части страницы используйте раскрывающееся меню
Обратите внимание: настройки для отдельных поддоменов переопределяют настройки по умолчанию для всех доменов.
- Прокрутите вниз до раздела jQuery и установите флажок Включить jQuery
Обратите внимание: если на странице используется модуль галереи изображений, отключение флажка jQuery не приведет к удалению jQuery с вашей страницы. Для работы модуля галереи изображений требуется jQuery.
- Чтобы выбрать версию jQuery, которую вы хотите включить, используйте раскрывающееся меню jQuery версии . Вы можете применить jQuery версии 1.11.x или 1.7.1 к своему контенту, размещенному на HubSpot.
- 1.7.1: выберите эту версию, если вы уже построили свою логику, используя зависимости от более старой версии jQuery.
-
1.11.x: при выборе этой версии рекомендуется выбрать Включить сценарий переноса jQuery флажок, а также. Это добавит скрипт в ваши шаблоны для улучшения совместимости со старыми браузерами.
- Нажмите Сохранить , чтобы применить изменения.
Если jQuery включен, библиотека jQuery будет загружена в заголовок HTML ваших страниц по умолчанию. Если вместо этого вы хотите включить его в нижний колонтитул страницы, установите флажок Загрузить библиотеку jQuery, включенную в HubSpot, из нижнего колонтитула .
Прежде чем вносить это изменение, убедитесь, что все зависимости jQuery также перемещены в нижний колонтитул. Чтобы проверить, как ваши страницы загружаются с помощью jQuery в нижнем колонтитуле, добавьте следующую строку запроса в конец URL вашей страницы:
?hsMoveJQueryToFooter=True
Обратите внимание: рекомендуется проконсультироваться со своим веб-разработчиком, прежде чем перемещать jQuery в нижний колонтитул ваших страниц. Если у вас есть дополнительные вопросы, свяжитесь с дизайнерами HubSpot в сообществе.
Что такое JQuery?
JQuery — это библиотека JavaScript. В нем есть дополнительные методы и способы упростить программирование на javascript.
Ниже приведены некоторые преимущества jquery:
- легко учить
- простой синтаксис
- большая библиотека с открытым исходным кодом
- поддержка ajax
- доступно множество плагинов jquery
- отличная документация
Почему я должен использовать JQuery?
Jquery обеспечивает лучший способ взаимодействия с элементами dom, легко создавать анимацию, виджеты и динамические веб-сегменты с помощью ajax.
Не изобретая велосипед, у вас есть доступ к библиотеке, которая поддерживается многими разработчиками, и вы получаете лучшее. Используя jquery, вы можете выполнять следующие различные операции:
- легко взаимодействовать с элементами формы
- легко модифицировать и играть с элементами html
- легко создавать асинхронные вызовы с помощью ajax
- легко создавать анимации
- легко вносить изменения в свойство css элемента
- легко создавать плагины, проверять формы и т. д.
Как установить JQuery?
JQuery в основном поставляется с одним файлом javascript, который вы можете включить в свой html-код. После того, как вы установите jquery в свой html-код, следуйте документации jquery, чтобы поиграть с ним.
Ниже приведен пример html-страницы, на которой мы установили библиотеку jquery на нашей html-странице:
<голова> голова> <тело>Установка JQuery
тело>
В приведенном выше коде мы добавили URL-адрес cdn для jquery, проверьте следующую строку на приведенной выше HTML-странице.
Что такое cdn-адрес?
CDN, известная как сеть доставки контента , в основном представляет собой прокси-серверы, разбросанные по всему миру. Давайте разберемся с концепцией данных 90 133.