Проблема с jQuery на DLE 9.3

делать табуляцию на jQuery имхо извращение, но если все-таки решили то на ruseller.com указан потрясающий пример того, как никогда нельзя подключать jQuery

подозреваю (а если скажете урл пациента то буду знать наверняка) что у вас получается конфликт версий, т.е. дле хочет одну библиотеку а ваш табулятор другую

попробуйте строку

<script src='jquery.js' type='text/javascript'></script>

которая указана в примере на руселлере заменить на вот такую

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

это заставит грузить библиотеку не с вашего сайта а с гугла - т.е. "облегчит" сайт

затем откройте свой шаблон (сайт.ком\templates\название_шаблона), найдите в нем файл main.tpl и ищите где подключается библиотека - вы точно найдете строку по слову jquery

если она выглядит примерно так

<script type="text/javascript" src="{THEME}/js/jquery.min.js"></script>

то замените ее на

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

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

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

тогда вкладки перестают работать

В ДЛЕ как-то по-другому подключается. В шаблоне указан только тег {headers}

С dle-news

Не помогает. Заменил jQuery на новый (уже даже 1.6.2 вышел). Если дополнительный не подключать (тот что с вкладками идет), то вкладки не работают. Если подключать - то вкладки работают, а разная ерунда на ДЛЕ нет (всплывающие окна, добавление комментариев и т.д.)

Можно ссылку на сайт в ЛС? Вкладки подобные, как у меня www.seven-soft.com или я путаю?

Так же на jQuery.

Ничего удивительного нет. Вкладки - это не метод чистого jQuery, а метод jQuery User Interface. Это отдельная надстройка на jQuery. DLE использует по умолчанию оригинальный jQuery UI. Там вкладки подключаются иначе. Те вкладки, что на руселлере, были выдраны вот отсюда. Это jQuery Tools, ещё одна надстройка над jQuery также с использованием jQuery UI. И эти вкладки, на мой взгляд, более гибко и аккуратно реализованы. Flowplayer.org тоже используют UI, но уже по-своему. Соответственно, конфликт происходит не между jQuery, а между jQuery UI - встроенными ДЛЕшным (который и есть оригинальный) и jQuery Tools от flowplayer, куда также входит UI и уже включены вкладки.

Решение: брать custom jQuery UI без подключения вкладок и установить его вместо DLE-шного. Т.е. опцию tabs надо отключить.

Саму библиотеку jQuery подключить от google APIs, как Вам уже показали.

И табы, которые вы ходите, подключить этой строкой, с офф сайта разработчиков:

<!-- UI Tools: Tabs, Tooltip, Scrollable and Overlay (4.05 Kb) -->
<script src="http://cdn.jquerytools.org/1.2.5/tiny/jquery.tools.min.js"></script>

А то, что нашли на руселлере, выкиньте.

Ну, или, как вариант, надо делать другие табы - как на официальном сайте jQuery UI. И тогда забыть про библиотеку от flowplayer.

Вот jQuery, который используется в DLE: jQuery.

А вот jQuery, который необходим для работы вкладок: jQuery Tabs

Может это как-то поможет знающим людям решить проблему :)

Korew добавил 02.07.2011 в 13:32

Сейчас попробую, спасибо

Korew, вы решили проблему?

У самого такая проблема. Решил поставить слайдер. НА стандартном шаблоне Gemini вставляю строки и всплывающее окошко Логина-Пароля перестает работать.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" ></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js" ></script>
<script type="text/javascript">
        $(document).ready(function(){
                $("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);
        });
</script>

Нужно в шаблон подключить:

<script type="text/javascript">

jQuery.noConflict();

(function($) {

$(function(){

  $("#tabs").tabs();

});

})(jQuery);

</script>

И все заработает.