Модератор форума: JonMagon  
jQuery и связанные с ним проблемы
Модератор форума
Сообщение # 1 | 22:02:10
jQuery — библиотека JavaScript, фокусирующаяся на взаимодействии JavaScript и HTML. Библиотека jQuery помогает легко получать доступ к любому элементу DOM, обращаться к атрибутам и содержимому элементов DOM, манипулировать ими. Также библиотека jQuery предоставляет удобный API по работе с Ajax. Подробнее »

По умолчанию на каждом uCoz-сайте уже подключена jQuery-библиотека.

Подключается она всегда перед тегом
Код
</head>


или после
Код
</title>


в виде отдельного файла: /.s/src/jquery-1.12.4.min.js.

Повторное подключение jQuery может привести к некоторым проблемам.








Проблемы, которые могут возникнуть из-за повторного подключения jQuery:
  • Проблемы с авторизацией — чаще всего это обновление страницы во время авторизации;
  • Проблемы при добавлении материала — страница либо также обновляется (при этом добавления материала не происходит), либо при клике по кнопке «Добавить» ничего не происходит;
  • Проблемы с AJAX-окнами — неработоспособность функций для работы с AJAX-окнами (то есть AJAX-окна могут просто не открываться, либо открываться и сразу закрываться);
  • Проблема с админ/юзер-баром — как правило, его отсутствие.


Прикрепления: 9431003.png (6.9 Kb)
Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 361 | 14:16:23
StilnayaSvadba, Что то не заметно что отключено ..


StilnayaSvadba
Сообщений: 35
Репутация: 1

Сообщение # 362 | 15:50:48
Цитата (Miss_Esq)
Что то не заметно что отключено ..

Включили, так как без этого не работает отправка писем, админ панель, да и не в этом дело. Если все отключить, так и так работает или слайдер, или счетчик

Стоит убрать

Код
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.js"></script>

И сразу исчезает объект. При этом даже если под слайдером и под счетчиком будет стоять jQuery 1.8.2, он будет работать, а слайдер - нет. Если убрать эту строчку, то работает слайдер, а счетчик - нет. Хотя версия та же.
Сообщение отредактировал StilnayaSvadba - Вторник, 02 Апр 2013, 15:58:42
Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 363 | 16:07:37
StilnayaSvadba,
Цитата
Включили, так как без этого не работает отправка писем, админ панель, да и не в этом дело. Если все отключить, так и так работает или слайдер, или счетчик



Вы так вопрос НЕ решите, плевать что где не работает, поставьте слайдер что бы он работал, посмотрим и решим что дальше делать. Вопрос решать нужно частями ...
Прикрепления: 8360793.gif (36.6 Kb)

StilnayaSvadba
Сообщений: 35
Репутация: 1

Сообщение # 364 | 22:57:18
Вот так сейчас выглядят только страницы сайта



где

Код
<script type="text/javascript" src="/ucoz/jquery.js"></script>

это наша jQuery 1.8.2

Пока я ее оставил там, хотя пробовал и после body ставить.

На станице со слайдером строчку перед скриптами убрал
Код
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.js"></script>
после чго он исчез, а слайдер появился.

Этот же скрипт из слайдера убрал и тот остался на месте. Но проблему с счетчиком это так и не решило.
Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 365 | 23:10:52
StilnayaSvadba, Это что за фокус ???

Цитата
<?if($USER_AGENT$='ie')?>
<link type="text/css" rel="StyleSheet" href="/_st/my.css" />
<?else?>
<link type="text/css" rel="StyleSheet" href="/_st/my.css" />
<?endif?>


Цитата
На станице со слайдером строчку перед скриптами убрал

после чго он исчез, а слайдер появился.

Что то не въеду .......кто исчез ? какой слайде ? исчез а какой появился ..???

StilnayaSvadba
Сообщений: 35
Репутация: 1

Сообщение # 366 | 23:33:34
Фокус убрал. то со старых времен осталось.

Есть страница. http://stilnayasvadba.com.ua/index/test2/0-30 На ней есть счетчик (обратный отсчет)


Вот код на этой странице


Если оттуда убрать эту строчку
Код
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.js"></script>
счетчик пропадает, а слайдер появляется. На скрине счетчик есть, а слайдера - нет. В этом и загвоздка.
Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 367 | 23:37:25
StilnayaSvadba,

Эти скрипты пихните в самый низ, перед тегом </body>

<script src="http://stilnayasvadba.com.ua//js/count/jquery.countdown.js"></script>
<script src="http://stilnayasvadba.com.ua//js/count/script.js"></script>

А с этим по экспериментируйте, куда поставить ..

<script type="text/javascript" src="http://stilnayasvadba.com.ua/ucoz/jquery.js"></script>

1. в заголовок перед </head>
2. после <body>
3. после скрипта слайдера
4. внизу перед скриптами счётчика
5. внизу после скриптов счётчика

Возможно их (скрипты счётчика) нужно будет поставить до слайдера или в заголовок страницы, в общем нужно пробовать варианты ..

Сообщение отредактировал Miss_Esq - Вторник, 02 Апр 2013, 23:39:34
StilnayaSvadba
Сообщений: 35
Репутация: 1

Сообщение # 368 | 23:46:50
Перетыкал куда только можно и что только можно. Это просто опа какая-то... но сочетание нашлось. Еще нужно будт все проверить и закинуть во всем модули. Но на данный момент все вроде работает. Вот фин.результат.

Код
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>$SITE_NAME$ - $MODULE_NAME$</<?'title'?>>
<?$META_DESCRIPTION$?>
<link type="text/css" rel="StyleSheet" href="/_st/my.css" />
<link rel="stylesheet" type="text/css" href="/css/slicebox.css" />
<link rel="stylesheet" type="text/css" href="/css/custom.css" />
<script type="text/javascript" src="/js/modernizr.custom.46884.js"></script>
   
<link type="text/css" rel="StyleSheet" href="/ucoz/base.css" />  
<link type="text/css" rel="StyleSheet" href="/ucoz/layer1.css" />  
<script type="text/javascript" src="/ucoz/jquery.js"></script>
<script src="/js/count/jquery.countdown.js"></script>
<script src="/js/count/script.js"></script>
<script type="text/javascript">window.ulb = {closeBtn: 'Закрыть', error: 'Запрошенный контент не может быть загружен<br/>Пожалуйста, попробуйте позже.', next: 'Вперед', prev: 'Предыдуший', btnPlay: 'Начать слайдшоу', btnToggle: 'Изменить размер'}</script>  
<link href="/ucoz/ulightbox.css" rel="stylesheet" type="text/css" /><script type="text/javascript" src="/ucoz/ulightbox.js"></script>  
<script type="text/javascript" src="/ucoz/uwnd.js?2"></script>

</<?'/head'?>>
<body>


Miss_Esq, СПАСИБО! Сам бы я методом тыка очень долго выискивал причину. Что с меня?
Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 369 | 00:25:06
StilnayaSvadba,
Цитата
Сам бы я методом тыка очень долго выискивал причину
Почти то же самое нужно было сделать на одном своём сайте, совместить несовместимое, нашёлся вариант размещения скриптов, и овцы целы, и волки сыты .. ..

SpetsEffect
Сообщений: 5
Репутация: 0

Сообщение # 370 | 12:59:34
Здравствуйте. Подскажите пожалуйста в чём ошибка. Не работает элементарный скрипт:
<script type="text/javascript">$('.mebel').click(function(){alert('jdsklfvjklds');});</script>
<div class="mebel"><img src="/img/mugol/1_1_kuty_v1_2.png"></div>
Ferro7
Сообщений: 285
Репутация: 230

Сообщение # 371 | 14:41:49
SpetsEffect, вы применяете действия к пока несуществующему элементу. Надо либо ждать готовности DOMа, либо размещать такие скрипты вконце страницы.

Вы полюбили меня. Здесь я. (с)
Сообщение отредактировал Ferro7 - Четверг, 04 Апр 2013, 14:43:49
SpetsEffect
Сообщений: 5
Репутация: 0

Сообщение # 372 | 16:01:11
Ferro7, огромное спасибо, Вы значительно ускорили разработку сайта. Разместил скрипт в конце страницы(перед </body>) и ЗАРАБОТАЛО biggrin

Добавлено (04 Апр 2013, 16:01:11)
---------------------------------------------
Ferro7, подскажите пожалуйста теперь с похожей ситуацией
<script type="text/javascript">
$('.mebel').click(function(){
alert($(this).html(););
});
</script>

в результате ожидается сообщение с текстом <img src="/img/mugol/1_1_kuty_v1_2.png">
а пока при клике на рисунке ничего не происходит

Ferro7
Сообщений: 285
Репутация: 230

Сообщение # 373 | 01:20:59
alert($(this).html(););

после html() уберите точку с запятой

Вы полюбили меня. Здесь я. (с)
SpetsEffect
Сообщений: 5
Репутация: 0

Сообщение # 374 | 03:27:32
biggrin ЗАРАБОТАЛО! Из-за этой мелочи сижу пол дня ломаю голову. Большое спасибо.))
baxir
Сообщений: 2
Репутация: 0

Сообщение # 375 | 23:31:33
Ребята помогите мне разобраться с jQuery баннером - меню!
Вообщем я установил jQuery баннер- меню. С горем пополам с меню и со стилем разобрался, установил я его на верхнюю часть сайта ну понятно коды HTML залил в ПУ в верхнюю часть сайта. А в самом баннере картинки не грузятся, просто пустое место и ничего нет. Когда открываешь сайт и жмешь правой кнопкой мыши пишет "Ролик не загружен"

Картинки как полагается залил в корень, все элементы на месте. И все пути верны! Но я может и немножко не понимаю но в коде заметил в нем не указан путь к самим картинкам. Вот код баннера.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>Display</title>

<link rel="stylesheet" href="/banner/style.css" type="text/css" media="screen" />
<link rel="stylesheet" href="/banner/css/style1.css" type="text/css" media="screen" />
<link rel="stylesheet" href="/banner/js/prettyPhoto/css/prettyPhoto.css" type="text/css" media="screen" charset="utf-8" />

<script type='text/javascript' src='/banner/js/jquery.js'></script>
<script src="/banner/js/prettyPhoto/js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>

<script type="text/javascript" src="/banner/slideshow/js/swfobject/swfobject.js"></script>

<script type="text/javascript">
var flashvars = {};
flashvars.xml = "slideshow/config.xml";
flashvars.font = "font.swf";
var attributes = {};
attributes.wmode = "transparent";
attributes.id = "slider";
swfobject.embedSWF("slideshow/cu3er.swf", "featured_image", "940", "420", "9", "expressInstall.swf", flashvars, attributes);
</script>
<script type='text/javascript' src='/banner/js/custom.js'></script>

<!--[if IE 6]>
<script type='text/javascript' src='js/dd_belated_png.js'></script>
<script>DD_belatedPNG.fix('.ie6fix');</script>
<style>#footer .box ul li a, #sidebar .box ul a {zoom:1;}</style>
<![endif]-->

</head>

<body id='frontpage'>

<div class='wrapper'>

<div id="top">
<div id="head">
<h1 class="logo ie6fix"><a href="index.html" title="">Display</a></h1>
<ul id="nav">
<li class='current'><a href=""><strong>Home</strong><span>the starting page</span></a></li>
<li><a href="http://flashcs.ru/"><strong>Blog</strong><span>the latest gossip</span></a></li>
<li><a href="http://flashden.ucoz.ru/"><strong>Portfolio</strong><span>our best workpieces</span></a></li>
<li><a href="http://flashden.ucoz.ru/"><strong>About</strong><span>this is our company</span></a>
<ul>
<li><a href="http://flashden.ucoz.ru/">Index</a></li>
<li><a href="http://allfla.ru/">Index - Fading Slider</a></li>
<li><a href="http://allfla.ru/">Blog</a></li>
<li><a href="http://flashcs.ru/">Single Blog Page</a></li>
<li><a href="http://flashden.ucoz.ru/">Portfolio</a></li>
<li><a href="http://flashcs.ru/">Single Portfolio Page</a></li>
<li><a href="http://flashden.ucoz.ru/">Page</a></li>
<li><a href="http://flashcs.ru/">Page Fullwidth</a></li>
<li><a href="http://flashden.ucoz.ru/">Contact</a></li>
<li><a href="http://flashden.ucoz.ru/">Archive</a></li>
<li><a href='http://flashden.ucoz.ru/'>Second Level »</a>
<ul>
<li><a href='http://flashcs.ru/'>Just for</a></li>
<li><a href='http://allfla.ru/'>Demonstration</a></li>
<li><a href='http://flashcs.ru/'>Purpose</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="http://flashcs.ru/"><strong>Contact</strong><span>send us an E-mail</span></a></li>
</ul>
</div> <!-- end #head -->

<div id="featured">

<div id="featured_image">
<a href="http://allfla.ru/" class='current_img'><img src="/banner/files/bigpicture1.jpg" alt="" /></a>
<a href="http://flashcs.ru/"><img src="/banner/files/bigpicture2.jpg" alt="" /></a>
</div><!--end featured_image-->

</div><!--end featured-->

</div>

</body>
</html>

Заранее спасибо!!!
Поиск:
Telegram
Будьте в курсе всех обновлений: подпишитесь на наш официальный Telegram-канал uCoz и задавайте вопросы в чате сообщества!