HTML-скрипт src - библиотека JQuery не загружается из файла

Я пытаюсь запустить программу Socket.io в автономном режиме. Страница index.html называет библиотеку Jquery так:HTML-скрипт src - библиотека JQuery не загружается из файла

<script src="http://code.jquery.com/jquery-1.11.1.js"></script>

Однако, это, очевидно, не будет загружаться без подключения к Интернету. Я попытался с помощью файла в той же папке, что и остальная часть проекта:

<script src="jquery-1.11.1.js"></script>

Но я получаю ошибку 404 в меню для разработчиков при работе, что хорошо. Я не уверен, помещаю ли я файл в неправильном месте, или если я неправильно использую тег скрипта. Любая помощь приветствуется.

EDIT: Вот полный файл index.html:

<!doctype html> 
 
<html> 
 
    <head> 
 
    <title>Socket.IO chat</title> 
 
    <style> 
 
     * { margin: 0; padding: 0; box-sizing: border-box; } 
 
     body { font: 13px Helvetica, Arial; } 
 
     form { background: #000; padding: 3px; position: fixed; bottom: 0; width: 100%; } 
 
     form input { border: 0; padding: 10px; width: 90%; margin-right: .5%; } 
 
     form button { width: 9%; background: rgb(130, 224, 255); border: none; padding: 10px; } 
 
     #messages { list-style-type: none; margin: 0; padding: 0; } 
 
     #messages li { padding: 5px 10px; } 
 
     #messages li:nth-child(odd) { background: #eee; } 
 
    </style> 
 
    </head> 
 
    <body> 
 
    <ul id="messages"></ul> 
 
    <form action=""> 
 
     <input id="m" autocomplete="off" /><button>Send</button> 
 
    </form> 
 
    <script src="/socket.io/socket.io.js"></script> 
 
    <script src="jquery.js"></script> 
 
    <script> 
 
     var socket = io(); 
 
     $('form').submit(function(){ 
 
     socket.emit('chat message', $('#m').val()); 
 
     $('#m').val(''); 
 
     return false; 
 
     }); 
 
     socket.on('chat message', function(msg){ 
 
     $('#messages').append($('<li>').text(msg)); 
 
     }); 
 
    </script> 
 
    </body> 
 
</html>

Picture of Error Message

Picture of index.js

источник

2016-06-01 Paul Harrington

Показать, что вы пытаетесь получить его от ... чем отличается от того, где он должен выглядеть? – charlietfl

Просьба предоставить скриншот структуры каталогов вашего проекта. Также укажите, в какой папке находится файл jquery.js. Это позволит нам указать вам точный путь использования вашего тега

Если Html и JS файлы находятся в той же папке, он должен работать определенно. В противном случае вам нужно поместить адрес относительно вашего текущего файла.Предположим, что ваш файл JS в родительской папке HTML файл, то:

<script src="../jquery-1.11.1.js"></script>

источник

2016-06-01 23:12:52 akazemis

Это тоже не сработало, неправильно ли установлен файл? –

Итак, не могли бы вы скопировать/вставить точный URL-адрес или файлы HTML и JS на ваш локальный компьютер? – akazemis

Я просто добавил (а) новый снимок экрана –

Может быть, этот вопрос может помочь вам со ссылками местных местных ресурсов How to properly reference local resources in HTML?

источник

2016-06-01 23:14:53

Если файл находится в том же каталоге, что и из HTML Ниже следует сделать его работу:

<script src="jquery-1.10.2.js"></script>

Если он находится в папке, которая находится в том же каталоге, что и HTML использования:

<script src="FOLDERNAME/jquery-1.10.2.js"></script>

Если это уровень выше вашего использования файла HTML:

<script src="../jquery-1.10.2.js"></script>

Если ни одна из этих работ не обязательно перепроверить имя вашего файла в случае, если есть пространство в начале или в конце имени файла.

[EDIT]

Ну, если нет орфографической ошибки и изменения размещения не исправить, то, возможно, один или оба файла повреждены. Кстати, ваша версия jQuery устарела. Скачать v2.1.1 или использовать этот сценарий тег:

<script src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

источник

2016-06-01 23:18:14

Файл определенно находится в том же каталоге, что и файл index.html, на котором он ссылается. Однако это все еще вызывает ошибки. –

Убедитесь, что вы дважды проверяете наличие орфографических ошибок. скопируйте имя файла прямо из самого файла и вставьте его в свой редактор. Если это не сработает, отредактируйте свой вопрос с дополнительной информацией о том, где вы поместили свой тег сценария, потому что это может быть проблемой. –

добавлен html-файл и изображение того, где находится файл jquery –

Не забывайте, что вы можете получить доступ к файлу Jquery, введя в точном (локальном) URL в адресной строке браузера. Тест по загрузке URL-адреса http://localhost:[port#]/jquery-1.11.1.js Изменить этот URL-адрес с правильным каталогом для среды вашего dev до успешного загрузки jquery.

источник

2016-06-01 23:19:39 Matthew

Не могли бы вы подробнее рассказать? Я не знаю, что вы описываете –

Он говорит, что вы можете использовать абсолютный URL вашего файла (ссылку на файл внутри сервера) вместо относительного URL-адреса, который вы используете в настоящее время (jquery.js). –

Пол пытаются нижеуказанных:

Verify имя JQuery файла и путь если socket.io.js с помощью JQuery изменить порядок, как

<script src="jquery.js"></script> 
<script src="/socket.io/socket.io.js"></script>

Вызов JavaScript кода после загрузки страницы, т.е. $ (функция() {}), как показано ниже:

$(function(){ 
var socket = io(); 
    $('form').submit(function(){ 
    socket.emit('chat message', $('#m').val()); 
    $('#m').val(''); 
    return false; 
    }); 
    socket.on('chat message', function(msg){ 
    $('#messages').append($('<li>').text(msg)); 
    }); 
})

Благодаря

источник

2016-06-02 00:34:38 Sami

я га d та же проблема, и я искал решение. Я нашел ваш вопрос, но я не нашел ответа, поэтому я разместил здесь свой собственный вопрос. Кто-то действительно знал, как заставить его работать. Поэтому, если вы все еще хотите знать, просто проверьте ответ, который у меня есть: Raspberry Pi - Flask Server using JQuery not working Offline (Online it works)

источник

2016-12-12 21:28:20

Это не ответ. –

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