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

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

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

<!DOCTYPE html>
<html>
    <head>
        <title>Test</title>
        <link rel="stylesheet" type="css/text" href="test.css"/>
        <script type="text/javascript" src="test.js"></script>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
        <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
    </head>
    <body>
        <div id="orange"></div>
    </body>
</html>

мой 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;
}

my JS (имя файла: "test.js" ):

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

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

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

<script src="C:\jQuery\jquery.js"></script>

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

Мне удалось каким-то образом связать jQuery UI и запустить ".accordion()"... =/

Ответ 1

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

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<script type="text/javascript" src="test.js"></script>

Ответ 2

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

Ответ 3

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

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

link rel= "stylesheet" type = "css/text" href= "test.css" /

см., где вы написали

тип = "CSS/текст"

там вам нужно перейти на

тип = "текст/CSS"

чтобы он выглядел так:

ссылка rel= "stylesheet" type = "text/css" href= "test.css" /

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

Ответ 4

<script
 src="CDN">
</script>

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

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

Ответ 5

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

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

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

Моя проблема:

    <link rel="stylesheet" href="style.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
    <script type="text/javascript" src="slider.js"></script>

Мое решение:

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
    <link rel="stylesheet" href="style.css">
    <script type="text/javascript" src="slider.js"></script>