Неправильно работают кнопки вверх и вниз

[Admin]

К теме Кнопки вверх и вниз с плавным появлением и плавной прокруткой поступил следующий комментарий от Джаника:

Цитата:Столкнулся с проблемой следующего характера. С начала, не хотели отображаться стрелки на блоге. Почитал комментарии и заключил скрипт в блок jQuery.noConflict()- стрелки появились, но - нет плавной прокрутки, мало того, при нажатии кнопки "вниз" все равно перескакивает наверх. Есть подозрение, что не работает jquery. С помощью скрипта в консоли FireFox узнал, что работает версия 1.7.2 (та, которую и подключали). Уж больно кнопочки классные и идеально подходят для моего блога djanik.ru. Подскажите, пожалуйста, что не так.

Т.к. и вопрос и ответ на него не маленькие, да и решение в принципе простое, было решено вынести данный комментарий с ответом на него на форум.

[Admin]

Глянул Ваш блог сам, чтобы понять, что не так.

В результате было установлено следующее:
1) Вы неправильно добавили jQuery.noConflict();, т.к. потеряли строчку jQuery(function(){. А по большому счету добавление jQuery.noConflict(); Вам вообще не нужно было (см. пункт 2).
2) У Вас на сайте имеется "глючный код", который и мешает нашему скрипту.
Собственно вот он:

Код:

<script type='text/javascript'>
/* <![CDATA[ */
  ind2=0;   jQuery(document).ready(function(){
      jQuery("ul.sidebarTabs2 li a").corner("top 5px");
      jQuery("ul.sidebarTabs2").tabs("div.sidebarTabs_divs2 > .tb", {
                                initialIndex: 0
                       });
   });
/* ]]> */
</script>

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

[djanik]

(11.06.2013 14:46:08)Admin писал(а):  Глянул Ваш блог сам, чтобы понять, что не так.

В результате было установлено следующее:
1) Вы неправильно добавили jQuery.noConflict();, т.к. потеряли строчку jQuery(function(){. А по большому счету добавление jQuery.noConflict(); Вам вообще не нужно было (см. пункт 2).
2) У Вас на сайте имеется "глючный код", который и мешает нашему скрипту.
Собственно вот он:

Код:

<script type='text/javascript'>
/* <![CDATA[ */
  ind2=0;   jQuery(document).ready(function(){
      jQuery("ul.sidebarTabs2 li a").corner("top 5px");
      jQuery("ul.sidebarTabs2").tabs("div.sidebarTabs_divs2 > .tb", {
                                initialIndex: 0
                       });
   });
/* ]]> */
</script>

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

Огромное спасибо за оперативность! Конфликт возник с виджетом Sitebartabs. Простая деактивация не спасла ситуацию. Удалил полностью с блога. Ваши кнопки этого стоят! Заменил на правильный скрипт без конструкции jQuery.noConflict(). Моего опыта не хватило, чтобы понять причину (конфликт с другим плагином). Но теперь появился новый глюк. При переходе с Главной в другую рубрику кнопки полностью не отображаются (пустой квадрат), хотя плавная прокрутка вверх-вниз работает.

[Admin]

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

Пропишите к изображениям абсолютный путь:

Код:

<img src="http://usefulscript.ru/image/usefulscript_logo.png" alt="Вниз" title="Вниз">

[djanik]

Спасибо огромное!
Все получилось!
Админу РЕСПЕКТ и УВАЖУХА за чуткое отношение к проблемам "простых" юзеров.

[tramp]

Люди добрые, подтолкните меня пожалуйста в нужном направлении! Уже пар из ушей идет, как у чайника, коим я по сути и являюсь. Две недели бодаюсь с такой же проблемой, весь гугл перелопатил. И добавлял jQuery.noConflict(), и менял переменную $ на jQuery, и подключать библиотеку пробовал по-разному... Суть проблемы в следующем - все прекрасно работало (стрелка плавно прокручивала в верх) пока не установил счетчики посещаемости, теперь какой-то конфликт, начинает прокручивать, а потом перекидывает на главную. Помогите, пожалуйста! Мой сайт - alex-video.ru

[Admin]

У Вас клик по кнопке "Вверх" обрабатывают два разных скрипта.

Так же у Вас один из скриптов подгружается так: <script src="//localhost/alex-video/administrator/templates/av_1/toTop.js" type="text/javascript"></script>

Хотя должно быть так: <script src="/templates/av_1/toTop.js" type="text/javascript"></script>

Видать, когда с localhost переносили, забыли поправить.

[tramp]

Большое Вам человеческое СПАСИБО за такой быстрый ответ!!! Сейчас буду пытаться исправлять.

[tramp]

Да-а.. тяжело быть чайником... "наисправлял" так, что пришлось с бэкапа восстанавливать. Сейчас удалил вот эту подгрузку скрипта:
**********
<a href="#" id="toTop"><img src="http://alex-video.ru/images/up.gif" title="Наверх" border="0" align="absmiddle" /></a>
<script src="http://localhost/alex-video/administrator/templates/av_1/toTop.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$("#toTop").scrollToTop();
});
</script>
************
Второй скрипт работает нормально, только одна проблема - если Вам не трудно, не могли бы Вы ткнуть меня носом куда я умудрился его поставить, весь шаблон перерыл и в упор его не вижу (честно говоря если бы я еще знал что ищу) и как можно вместо появляющегося текста ^ back to top поставить картинку стрелки?

[Admin]

В движке Вашего сайта я не разбираюсь , но могу сказать, что это последний скрипт перед тегом </head>, значит где-то в шаблоне шапки сайта.

Чтобы получить картинку, замените строчку:

Код:

jQuery(scrollDiv).attr("id", "toTop").html("^ Back To Top").appendTo("body");

на такую:

Код:

jQuery(scrollDiv).attr("id", "toTop").html("<img src='image/...'>").appendTo("body");

В <img src='image/...'> не забудьте указать путь до картинки.