связывание jquery в html

Мне не удается успешно связать jQuery с моим html. Я сделал самый простой код jQuery, чтобы я знал, что это правильно, и я пробовал все, что я могу придумать, – поиск не помог.

my html (имя файла: “test.html”:

   Test       

мой CSS (имя файла: “test.css”):

 #orange { height: 100px; width: 100px; background-color: orange; border-radius: 5px; border: 3px solid black; margin-left: 100px; margin-top: 100px; display: none; } 

мой JS (имя файла: “test.js”):

 $(document).ready(function() { $('div').fadeIn('slow'); }); 

Консоль показывает, что ссылка jQuery загружается в 6.52.

Я также пытался связать файл jQuery, загруженный на

  

который также потерпел неудачу …

Однако мне удалось связать JQuery UI и запустить «.accordion ()» … = /

В этом случае ваш test.js не будет запущен, потому что вы загружаете его перед jQuery. поместите его после jQuery:

    

Добавьте файл test.js после библиотек jQuery. Таким образом, ваш файл test.js может использовать библиотеки.

Увидев ответы, мне больше нечего добавить, но еще одна вещь:

в файле test.html, который вы написали

link rel = “stylesheet” type = “css / text” href = “test.css” /

посмотреть, где вы написали

тип = “CSS / текст”

там вам нужно

тип = “текст / CSS”

так что это будет выглядеть так

link rel = “stylesheet” type = “text / css” href = “test.css” /

и в этом случае файл CSS будет связан с файлом HTML

У меня была аналогичная проблема, но в моем случае это был мой файл CSS.

Я загрузил свой файл CSS перед библиотекой JQuery, так как моя функция jquery была связана с моим файлом css, моя функция jquery не работала. Я нашел это странным, но когда я загрузил файл CSS после загрузки библиотеки JQuery, он сработал.

Это может быть не напрямую связано с Вопросом, но может помочь другим, которые могут столкнуться с аналогичной проблемой.

Мой вопрос:

      

Мое решение:

      
  

для изменения CDN проверьте этот сайт.

первый из них – JQuery

  • Триггерное нажатие на input = файл при асинхронном выполнении ajax ()
  • Перестановка событий в jQuery после обновления Ajax (обновленная панель)
  • выбрать самый глубокий ребенок в jQuery
  • Можно ли установить async: false для вызова $ .getJSON
  • Как изменить виджет по умолчанию для всех полей даты Django в ModelForm?
  • Как я могу использовать проверку jQuery с помощью «выбранного» плагина?
  • Fancybox: iframe не работает
  • jQuery stopPropagation bubble down
  • Форма jquery ajax отправляется дважды
  • Найти прикрепленные / связанные события элемента с помощью инструментов разработки Chrome / Firebug / IE
  • Добавить запятую к номерам каждые три цифры
  • Interesting Posts
    Давайте будем гением компьютера.