Модератор форума: JonMagon  
Сообщество uCoz » Вебмастеру » JavaScript, Flash и прочие технологии » jQuery » jQuery и связанные с ним проблемы (Почему не работает вход, AJAX-окна, подключаемые плагины…)
jQuery и связанные с ним проблемы
Модератор форума
Сообщение # 1 | 22:02:10 25 Июл 2011
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)
webanet
Сообщений: 24067
Репутация: 4985

Сообщение # 331 | 19:29:33 06 Мар 2013
Ural-10, у вас код в xml формате 64480.ucoz.ru/anvsoftJavaScriptSlideshow-1.0.0.min.js?xml_path=slides.xml
у вас уже есть слайдер в коде
Код
<script src="/js/slider.js"></script>


Цитата
Я заметил одно - чем глубже адрес там и не показывает!
64480.ucoz.ru/news/reklama/2013-03-05-4
на страницах архива новостей вообще код не прописан
ТУТ можно оставить своё мнение по любому вопросу
https://webanetlabs.net/
Ural-10
Сообщений: 40
Репутация: 7

Сообщение # 332 | 20:15:30 06 Мар 2013
<script src="/js/slider.js"></script> это дрогой слайдер
Цитата (webanet)
на страницах архива новостей вообще код не прописан

Я его и в шапку делал и в глобальным блокам везде запихивал и изначально с шаблоном ставил - все четно . angry
Вот на страницу созданную через редактор страниц он не как не встает, с этого я и вывел версию про глубину адреса.
Maximalus
Сообщений: 3
Репутация: 10

Сообщение # 333 | 12:55:50 11 Мар 2013
Помогите пожалуйста советом! Никак не могу розобратся что поменять.
вот страница сайта - http://ckoblsutur.ucoz.ua/index/normativno_pravova_baza/0-52#
Блок меню есть, но оно не выводится из-за конфликта со скриптом на странице (каждая строчка по клику раскривается списком).
Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 334 | 14:38:09 11 Мар 2013
Maximalus, Меню работает, каждая строка по клику открывается и закрывается независимо отдельно ..
geometriya ISO 3166-2 DEE
Maximalus
Сообщений: 3
Репутация: 10

Сообщение # 335 | 12:22:19 13 Мар 2013
Miss_Esq, я имел ввиду что не отображается меню сайта.
С меню на странице всё нормально....но вот главний блок меню, на других страницах есть, а на этой нет.
я спрашывал в другой ветке...там ответили что это конфликт 2 скриптов.
Вот и спрашываю....каким образом можно отобразить меню моего сайта на этой странице слева.
Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 336 | 12:48:55 13 Мар 2013
Maximalus, Если это скрипт меню страницы

Код
<script>
$(document).ready(function(){
$("ul").hide();
$("h3 span").click(function(){
$(this).parent().next().slideToggle();
};);
};);
</script>


Попробуйте перенести его в конец HTML, поставьте перед </body> или попробуйте поставить перед </head> может и поможет ...
geometriya ISO 3166-2 DEE
Сообщение отредактировал Miss_Esq - Среда, 13 Мар 2013, 12:51:06
JabaMaster
Сообщений: 5
Репутация: 2

Сообщение # 337 | 18:40:56 13 Мар 2013
Цитата (Miss_Esq)
Попробуйте перенести его в конец HTML, поставьте перед </body> или попробуйте поставить перед </head> может и поможет ...

А зачем вставлять скрипт в конец документа если использован $(document).ready()?

Нужно заменить строчку

Код
$("ul").hide();

на

Код
$(".box ul").hide();
Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 338 | 18:53:49 13 Мар 2013
JabaMaster, Затем что может решить проблему без изменения текста скрипта, ладно конфликт 2X скриптов, а если нужно совместить 3 и более конфликтных, ни какие no Conflict просто не помогут, а изменение места расположения - выход из лужи малой кровью .. ..
geometriya ISO 3166-2 DEE
JabaMaster
Сообщений: 5
Репутация: 2

Сообщение # 339 | 19:10:32 13 Мар 2013
Цитата (Miss_Esq)
Затем что может решить проблему без изменения текста скрипта

Вообще-то проще отредактировать скрипт.

В данной ситуации перемещение скрипта в конец документа не помогло бы. Основная причина в том что скрипт находит все элементы ul $("ul") и скрывает их .hide().
Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 340 | 19:16:31 13 Мар 2013
JabaMaster, В данном случае да, но и если бы фокус с перемещением помог бы то этот способ остался в голове и в аналогичной ситуации могло бы служить выходом из лужи ..
geometriya ISO 3166-2 DEE
Maximalus
Сообщений: 3
Репутация: 10

Сообщение # 341 | 10:53:22 14 Мар 2013
Miss_Esq, JabaMaster, огромное вам спасибо!! всё получилось!!
vunderkind
Сообщений: 3
Репутация: 0

Сообщение # 342 | 17:06:32 14 Мар 2013
Помогите, кто знает!
У нас никак не получается подключить виджет сортировки таблицы Ucoz, что мы только не перепробовали. И получали код виджета, вставляли его перед и после таблицы, прописывали Id таблицы (как это правильно сделать?).
Подскажите, пошагово, что нужно сделать, чтобы этот виджет заработал и на странице, сделанной в редакторе ucoz - появилась таблица с возможностью сортировку по возрастанию или убыванию значений по колонкам. ??
Dry5818
Сообщений: 15
Репутация: 5

Сообщение # 343 | 00:47:43 24 Мар 2013
Спасите меня, мой разум этого не выдержит !!!! Пошёл уже третий день моих мучений*
Есть раскрывающаяся менюшка, использующая jquery-1.4.2.min скрипт, который я ни как не могу победить cry

Итак, что я пытался сделать сам из основного, возможно я делал это не правильно, надеюсь на вашу помощь:
  • Заходим в "Управление дизайном" \ "Редактор страниц" - "Страницы сайта"
  • Правим код:
    Код
    <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" />
       </head<?'>'?>
       <body>
    $ADMIN_BAR$
       <div id="wrap">
       <div id="container">
       $GLOBAL_AHEADER$
       <div id="content">
       <!-- <middle> -->
       <div class="sidebar">
       <div class="sidebar-top"></div>
       <div class="sidebar-mid">
       $GLOBAL_CLEFTER$
       </div>
       <div class="sidebar-bot"></div>
       </div>
       <div id="maincont">
       <!-- <body> -->$CONTENT$<!-- </body> -->
       </div>
       <div class="clear"></div>
       <!-- </middle> -->
       </div>
       $GLOBAL_BFOOTER$
       </div>
       <script src="menu.js" type="text/javascript"></script>
       <link rel="stylesheet" type="text/css" href="style.css"/></script>
       </body>
    </html>

  • Строка: <script src="jquery-1.4.2.min.js" type="text/javascript"></script> была удалена*
  • Далее на сайте я создал страницу "Выпадающие меню", в режиме редактирования HTML кода:
    в ней я подправил </head<?'>'?> удалил строку <script src="jquery-1.4.2.min.js" type="text/javascript"></script> (см. ниже)

Код
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html>

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

<body>

     <script src="menu.js" type="text/javascript"></script>
     <link rel="stylesheet" type="text/css" href="style.css"/></script>
         

     <ul class="menu noaccordion">

     <li>

     <a href="#">Weblog Tools</a>

     <ul class="acitem">

     <li><a href="#">Ruby</a></li>

     <li><a href="#">Ruby</a></li>

     <li><a href="#">Python</a></li>

     <li><a href="#">PERL</a></li>

     <li><a href="#">Java</a></li>

     <li><a href="#">C#</a></li>

     </ul>

     </li>

     <li>

     <a href="#">Programming Languages</a>

     <ul class="acitem">

     <li><a href="#">Ruby</a></li>

     <li><a href="#">Ruby</a></li>

     <li><a href="#">Python</a></li>

     <li><a href="#">PERL</a></li>

     <li><a href="#">Java</a></li>

     <li><a href="#">C#</a></li>

     </ul>

     </li>

     <li><a href="#">Marco's blog (no submenu)</a></li>

     <li>

     <a href="#">Cool Stuff</a>

     <ul class="acitem">

     <li><a href="#">Ruby</a></li>

     <li><a href="#">Ruby</a></li>

     <li><a href="#">Python</a></li>

     <li><a href="#">PERL</a></li>

     <li><a href="#">Java</a></li>

     <li><a href="#">C#</a></li>

     </ul>

     </li>

     <li>

     <a href="#">Search Engines</a>

     <ul class="acitem">

     <li><a href="#">Ruby</a></li>

     <li><a href="#">Ruby</a></li>

     <li><a href="#">Python</a></li>

     <li><a href="#">PERL</a></li>

     <li><a href="#">Java</a></li>

     <li><a href="#">C#</a></li>

     </ul>

     </li>

     </ul>     
</body>
</html>
  • В Файловом менеджере создаю папку "jQuery_menu" в которой хранится скрипт: jquery-1.4.2.min.js и menu.js


Вот мой сайт: http://petrozavod.ucoz.ru/index/vypadajushhie_menju/0-14 менюшка на нём остаётся раскрытой,
следовательно скрипт не работает так, как нужно.

Очень надеюсь на вашу помощь, будьте добры помочь )
Сообщение отредактировал Dry5818 - Воскресенье, 24 Мар 2013, 00:57:31
webanet
Сообщений: 24067
Репутация: 4985

Сообщение # 344 | 00:53:54 24 Мар 2013
Dry5818, вы в странное место вставили это

Цитата
<!-- </block12> --><!--/U1CLEFTER1Z-->
</div>
<div class="sidebar-bot"></div>
</div>
<div id="maincont">
<!-- <body> --><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html>

<head>

</head>

<body>

<script src="menu.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="style.css"/></script>


<ul class="menu noaccordion">

<li>

<a href="#">Weblog Tools</a>


для этого не стоило приделывать сайту ещё одну голову и ещё одну разметку хтмл

и адреса надо писать так <script src="/menu.js" type="text/javascript"></script>
ТУТ можно оставить своё мнение по любому вопросу
https://webanetlabs.net/
Dry5818
Сообщений: 15
Репутация: 5

Сообщение # 345 | 01:08:02 24 Мар 2013
Хорошо, я подправил, теперь это выглядит так:
Код
<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" />
  </head<?'>'?>
  <body>
$ADMIN_BAR$
  <div id="wrap">
  <div id="container">
  $GLOBAL_AHEADER$
  <div id="content">
  <!-- <middle> -->
  <div class="sidebar">
  <div class="sidebar-top"></div>
  <div class="sidebar-mid">
  $GLOBAL_CLEFTER$
  </div>
  <div class="sidebar-bot"></div>
  </div>
  <div id="maincont">
  <!-- <body> -->$CONTENT$<!-- </body> -->
  </div>
  <div class="clear"></div>
  <!-- </middle> -->
  </div>
  $GLOBAL_BFOOTER$
  </div>
<script src="/menu.js" type="text/javascript"></script>
<link rel="/stylesheet" type="text/css" href="style.css"/></script>
  </body>
</html>


Здесь так же подправил:

Код
<body>

  <script src="/menu.js" type="text/javascript"></script>
  <link rel="/stylesheet" type="text/css" href="style.css"/></script>
   

  <ul class="menu noaccordion">

  <li>

  <a href="#">Weblog Tools</a>

  <ul class="acitem">

  <li><a href="#">Ruby</a></li>

  <li><a href="#">Ruby</a></li>

  <li><a href="#">Python</a></li>

  <li><a href="#">PERL</a></li>

  <li><a href="#">Java</a></li>

  <li><a href="#">C#</a></li>

  </ul>

  </li>

  <li>

  <a href="#">Programming Languages</a>

  <ul class="acitem">

  <li><a href="#">Ruby</a></li>

  <li><a href="#">Ruby</a></li>

  <li><a href="#">Python</a></li>

  <li><a href="#">PERL</a></li>

  <li><a href="#">Java</a></li>

  <li><a href="#">C#</a></li>

  </ul>

  </li>

  <li><a href="#">Marco's blog (no submenu)</a></li>

  <li>

  <a href="#">Cool Stuff</a>

  <ul class="acitem">

  <li><a href="#">Ruby</a></li>

  <li><a href="#">Ruby</a></li>

  <li><a href="#">Python</a></li>

  <li><a href="#">PERL</a></li>

  <li><a href="#">Java</a></li>

  <li><a href="#">C#</a></li>

  </ul>

  </li>

  <li>

  <a href="#">Search Engines</a>

  <ul class="acitem">

  <li><a href="#">Ruby</a></li>

  <li><a href="#">Ruby</a></li>

  <li><a href="#">Python</a></li>

  <li><a href="#">PERL</a></li>

  <li><a href="#">Java</a></li>

  <li><a href="#">C#</a></li>

  </ul>

  </li>

  </ul>  
</body>


К сожалению ничего не поменялось, я наверняка делаю что-то не так )))) Осталось понять, что ???
Сообщество uCoz » Вебмастеру » JavaScript, Flash и прочие технологии » jQuery » jQuery и связанные с ним проблемы (Почему не работает вход, AJAX-окна, подключаемые плагины…)
Поиск: