Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Как подключить jQuery? (https://javascript.ru/forum/jquery/26128-kak-podklyuchit-jquery.html)

thetosh 27.02.2012 09:38

Как подключить jQuery?
 
Добрый день.

Сервер: Apache 1.3.34 (Win32)
jQuery: 1.8.18-custom

Скачал jquery, распаковал в каталог DocumentRoot/jq/. В конфиге Апача прописал алиасы на /js/ - скрипты и /css/ - стили. Наштрямкал простенькую страницу:
<!DOCTYPE html>
<html lang="ru">
<head>
  <title>Test #6-1</title>

  <link href="/css/redmond/jquery-ui-1.8.18.custom.css" rel=="stylesheet" type="text/css" />
  <script src="/js/jquery-1.7.1.min.js" />
  <script src="/js/jquery-ui-1.8.18.custom.min.js" />

  <script>
    $(document).ready(function() {
      $("#dialog").dialog();
    });
  </script>
</head>

<body style="font-size:62.5%;">
  <div id="dialog" title="Dialog Title">I'm in a dialog</div>

  <div>
    <img src="/js/img.jpg" />
    <p>Main page content.</p>
  </div>
</body>
</html>

Загружаю страницу в браузере (Opera и FF) -- вижу чистую страницу с текстом "I'm in a dialog", ниже моя картинка (/js/img.jpg), и ещё ниже строчка "Main page content.". Никакого намёка на диалоговое окно.

Чую, что ошибка совершенно тупая. Но вот второй день уже бьюсь и ничего не получается.:cray:

Подскажите, пожалуйста, что я делаю не так.

T-sh 27.02.2012 11:11

причем тут конфиг апача? :)

<script src="/js/jquery-1.7.1.min.js" />


путь указывается с корневой директории сайта.. httpdocs или www (смотря как сконфигурирован серв).. если в корне нет папки js — то и подключать нечего. с css тоже самое.

Rootpassword 27.02.2012 12:43

rel="stylesheet"
rel=="stylesheet"
Так ваша страничка - DocumentRoot/index.html
?
обратитесь в лоб к /js/jquery-1.7.1.min.js -видно?

thetosh 27.02.2012 13:35

Цитата:

Сообщение от Rootpassword (Сообщение 160168)
rel="stylesheet"
rel=="stylesheet"
Так ваша страничка - DocumentRoot/index.html
?
обратитесь в лоб к /js/jquery-1.7.1.min.js -видно?

Моя страница — DocumentRoot/hq/index.html
jQuery со всеми потрохами находится в DocumentRoot/jq

Если в строке адреса пишу что-либо из http://mysite/css/redmond/jquery-ui-1.8.18.custom.css, http://mysite/js/jquery-1.7.1.min.js или http://mysite/js/jquery-ui-1.8.18.custom.min.js, то эти модули прекрасно открываются.

Rootpassword 27.02.2012 13:44

<link href="../css/redmond/jquery-ui-1.8.18.custom.css" rel="stylesheet" type="text/css" />
<script src="../js/jquery-1.7.1.min.js" />
<script src="../js/jquery-ui-1.8.18.custom.min.js" />

Тогда вроде так, вам же нужно на уровень выше подняться сначала.

Rootpassword 27.02.2012 13:45

+ у вас описка, не rel=="stylesheet" а rel="stylesheet"

thetosh 27.02.2012 13:48

Цитата:

Сообщение от T-sh (Сообщение 160163)
причем тут конфиг апача? :)

<script src="/js/jquery-1.7.1.min.js" />


путь указывается с корневой директории сайта.. httpdocs или www (смотря как сконфигурирован серв).. если в корне нет папки js — то и подключать нечего. с css тоже самое.

Ещё раз.

В DocumentRoot/jq у меня лежат все модули jQuery в таком виде, как они были в дистрибутиве. То есть, под-каталоги css, js и development-bundle со всем их содержимым.

В конфиге Апача у меня прописаны алиасы:
Alias /js/ "c:/www/Apache/htdocs/jq/js/"
Alias /css/ "c:/www/Apache/htdocs/jq/css/".

Т.о., если я где-то пишу "/js/blah-blah-blah.js", то скрипт blah-blah-blah.js ищется в DocymentRoot/jq/js, согласно алиасу /js/. Проверял я это очень просто: положил img.jpg в DocumentRoot/jq/js а в html написал <img src="/js/img.jpg" /> — картинка отображается.

thetosh 27.02.2012 13:55

Цитата:

Сообщение от Rootpassword (Сообщение 160177)
<link href="css/redmond/jquery-ui-1.8.18.custom.css" rel="stylesheet" type="text/css" />
<script src="../js/jquery-1.7.1.min.js" />
<script src="../js/jquery-ui-1.8.18.custom.min.js" />

Тогда вроде так, вам же нужно на уровень выше подняться сначала.

Пробовал. Монопенисуально. :)

Тем более, что по алиасам в конфиге Апача расположение /js/ и /css/ определяются однозначно — DocumentRoot/jq/js и DocumentRoot/jq/css соответственно. По крайней мере каритинку src="/js/img.jpg" оно правильно находит и отображает.

Там, где было два "=" вместо одного, я подправил, спасибо. Только это ничего не изменило.

Rootpassword 27.02.2012 14:01

А полный путь пробовали прописать? с учетом полного совпадения домена с поддоменом запроса и урла?

Rootpassword 27.02.2012 14:03

Плюс, если у вас локалхост, я бы рекомендовал попробовать загрузить куда-нибудь все это счастье.

thetosh 27.02.2012 14:31

Цитата:

Сообщение от Rootpassword (Сообщение 160185)
А полный путь пробовали прописать? с учетом полного совпадения домена с поддоменом запроса и урла?

Пробовал уже во всех вариантах, какие-только в голову за двое суток приходили.

Сервер-то у меня на локальной машине, но обращаюсь я к нему по нормальному IP'шнику, не по localhost. На других машинах в локальной сети тоже самое показывает.

Кстатит, консоль ошибок в Опере вот что пишет:
[27.02.2012 14:07:15] CSS - [url]http://hq/tst6-1[/url]
DOM style property
Invalid value for property: zoom
Line 1:
  1
  -^

Офигенно понятная и полезная информация... :blink:

Rootpassword 27.02.2012 14:49

Все ошибки вбить в гугль, вдумчиво читать.
Поглядеть во всех браузерах. Включить ругань на ошибки.
Открыть код в исходниках на гугле и у вас на локалхосте и визуально смотреть, есть ли разница.

dimon888951 27.02.2012 16:27

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

dimon888951 27.02.2012 16:30

И еще укажи все же в строке подключения библиотек
type="text/javascript"

thetosh 27.02.2012 23:05

Цитата:

Сообщение от dimon888951 (Сообщение 160229)
Ну нарисуй на страничке что то,напиши, чтоб видно было ,что открыта страничка,в браузере открой -исходный код страницы, и по ссылкам ,подключение скриптов,стилей,библиотеки ,куда они ведут?если уж никак, меняй пути методом тыка, вариантов не так и много, пока выйдешь на верные ссылки

Да в том-то и дело, что всё проверял, пробовал во всех возможных комбинациях.

Мне бы самый простейший, но заведомо рабочий примерчик посмотреть. И именно в такой конфигурации, как у меня — чтобы jQuery лежала в DocumentRoot, а не в каталоге самого сайта.

Цитата:

Сообщение от dimon888951
И еще укажи все же в строке подключения библиотек
type="text/javascript"

Пробовал. Результат такой же, ибо чудес не бывает.

dimon888951 28.02.2012 10:08

может папки проверить на чтение и запись... не знаю, что может быть


Часовой пояс GMT +3, время: 08:49.