Совмещение нескольких виджетов

Если Вы совсем новичок и слабо представляете себе возможности jQuery, не можете понять в каком форуме задать свой вопрос - Вам сюда.

Модераторы: TRAHOMOTO, tuareg, Gennady

Совмещение нескольких виджетов

Сообщение Dgikar » 09 май 2010, 00:01

Люди, помогите плз, разобраться в 2-х проблемах...
На странице, уже размещен один плагин jQuery - Slider (тот, что картинки крутит, а не ползунок), я, хочу, разместить еще один - Tabs. Для этого, мне, нужно разместить на странице, которая будет отображать и слайдер, и табы это:
Для табов:
Код: выделить все
<script src="js/jquery-1.4.2.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery-ui-1.8.1.custom.min.js" type="text/javascript" charset="utf-8"></script>
<link type="text/css" href="js/jquery-ui-1.8.1.custom.css" rel="stylesheet" />
<script type="text/javascript">
   $(function(){
      $("#tabs").tabs();
   });
</script>

Для слайдера это:
Код: выделить все
<script src="js/jquery-latest.js" type="text/javascript" charset="utf-8"></script>
<script src="js/easySlider1.5.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
   $(document).ready(function(){
      $("#slider").easySlider();
   });   
</script>

Но, когда размещаю, то, получаю 2-е "ошибки":
  • Слайдер, не работает, а тупо отображает на странице (в колонку), все те дивы, которые в него "забиты".
  • В IE, Tabs не отображается, в мозиле - все ок...

Помогите плз, разобраться в этом вопросе...

Заранее благодарю.
Последний раз редактировалось Dgikar 09 май 2010, 23:03, всего редактировалось 1 раз.
Аватар пользователя
Dgikar
 
Сообщений: 6
Зарегистрирован: 08 май 2010, 13:49

Re: Совмещение нескольких виджетов

Сообщение Gennady » 09 май 2010, 22:23

Код: выделить все
<script src="js/jquery-1.4.2.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery-ui-1.8.1.custom.min.js" type="text/javascript" charset="utf-8"></script>
<link type="text/css" href="js/jquery-ui-1.8.1.custom.css" rel="stylesheet" />
<script src="js/easySlider1.5.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
   $(function(){
      $("#tabs").tabs();
      $("#slider").easySlider();
   });
</script>
Долог путь поучения, короток и успешен путь примеров (Сенека).
I'm a member of jQuery Meetups. jQuery users unite! Connect with other jQuery users... Присоединиться к jQuery Russia.
Аватар пользователя
Gennady
Администратор
 
Сообщений: 1886
Зарегистрирован: 14 янв 2010, 14:36
Откуда: Москва

Re: Совмещение нескольких виджетов

Сообщение Dgikar » 10 май 2010, 01:04

Gennady писал(а):<script src="js/jquery-1.4.2.min.js"...

Спасибо огромное, с первой частью вопроса - помогло, но, кот как отобразить Tabs в IE...?
Я пробовал прописывать и это:
Код: выделить все
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="ru">
Не помогает...
Аватар пользователя
Dgikar
 
Сообщений: 6
Зарегистрирован: 08 май 2010, 13:49

Re: Совмещение нескольких виджетов

Сообщение Gennady » 10 май 2010, 19:18

Как отобразить.... Обычной html-разметкой. Например такой:
Код: выделить все
<div id="tabs">
  <ul>
    <li><a href="#tabs-1">Nunc tincidunt</a></li>
    <li><a href="#tabs-2">Proin dolor</a></li>
    <li><a href="#tabs-3">Aenean lacinia</a></li>
  </ul>
  <div id="tabs-1">
    <p>Tab 1 content</p>
  </div>
  <div id="tabs-2">
    <p>Tab 2 content</p>
  </div>
  <div id="tabs-3">
    <p>Tab 3 content</p>
  </div>
</div>

Никаких проблем особенных с tabs в IE не было никогда...
Долог путь поучения, короток и успешен путь примеров (Сенека).
I'm a member of jQuery Meetups. jQuery users unite! Connect with other jQuery users... Присоединиться к jQuery Russia.
Аватар пользователя
Gennady
Администратор
 
Сообщений: 1886
Зарегистрирован: 14 янв 2010, 14:36
Откуда: Москва

Re: Совмещение нескольких виджетов

Сообщение Dgikar » 11 май 2010, 21:06

Gennady писал(а):Как отобразить.... Обычной html-разметкой. Например такой:...

:) не, ну именно такой код я и "вбил" на страницу, но, в IE, к сожалению, Tabs не отобразился :(
Аватар пользователя
Dgikar
 
Сообщений: 6
Зарегистрирован: 08 май 2010, 13:49

Re: Совмещение нескольких виджетов

Сообщение Gennady » 11 май 2010, 21:54

не, ну именно такой код я и "вбил" на страницу, но, в IE, к сожалению, Tabs не отобразился

Надеюсь сама разметка отобразилась? :) Т.е. сначала список в столбик, потом соответственно div'ы... Проверяйте, верно ли подключается файл стилей для Tabs. В конце концов попробуйте скачать архив снова. Бывали случаи, что-то у них там подглюкивало и была такая же фигня...
Долог путь поучения, короток и успешен путь примеров (Сенека).
I'm a member of jQuery Meetups. jQuery users unite! Connect with other jQuery users... Присоединиться к jQuery Russia.
Аватар пользователя
Gennady
Администратор
 
Сообщений: 1886
Зарегистрирован: 14 янв 2010, 14:36
Откуда: Москва

Re: Совмещение нескольких виджетов

Сообщение Dgikar » 11 май 2010, 22:33

Разобрался!!!

Все это я делал для WebAsyst Shop Script, там, внутри, есть вот такая конструкция:
Код: выделить все
<!-- cpt_container_start --><!-- cpt_container_end -->

При ее наличии - Tabs не отображается, как только ее убрать - все ок. Выяснил чисто случайно - ребенок затер первый символ из конструкции :)

Gennady. Вам отдельное спасибо
Аватар пользователя
Dgikar
 
Сообщений: 6
Зарегистрирован: 08 май 2010, 13:49

Re: Совмещение нескольких виджетов

Сообщение Gennady » 12 май 2010, 09:18

ребенок затер первый символ из конструкции

:D Спасибо ребенку! Уже можно говорить, что он помогает зарабатывать :D !
Долог путь поучения, короток и успешен путь примеров (Сенека).
I'm a member of jQuery Meetups. jQuery users unite! Connect with other jQuery users... Присоединиться к jQuery Russia.
Аватар пользователя
Gennady
Администратор
 
Сообщений: 1886
Зарегистрирован: 14 янв 2010, 14:36
Откуда: Москва

Re: Совмещение нескольких виджетов

Сообщение Dgikar » 17 май 2010, 16:09

Генадий, а подскажите плз, еще вот такую чтуку...
При плохой скорости инета, и/или плохом (медленном) хостинге, страница, на которой расположен Tab, очень долго грузится, при этом, все то, что находится в Tabe, отображается в колонку на странице до тех пор, пока она (страница), полностью не загрузится, после чего, все, что находится в Tabe, "собирается", и Tab отображается нормально...

Это же, касается и Slidera картинок...

Как это можно пофиксить?
Аватар пользователя
Dgikar
 
Сообщений: 6
Зарегистрирован: 08 май 2010, 13:49

Re: Совмещение нескольких виджетов

Сообщение Gennady » 17 май 2010, 21:46

Надо поработать средствами css, чтобы скрыть неактивные вкладки еще до того, как ими "займется" JS... Что-то вроде этого:
Код: выделить все
<div id="example" class="ui-tabs">
  ...
  <div id="a-tab-panel" class="ui-tabs-hide"> </div>
  ...
</div>

Класс ui-tabs-hide, добавленный в разметку, скрывает неактивную вкладку...
Долог путь поучения, короток и успешен путь примеров (Сенека).
I'm a member of jQuery Meetups. jQuery users unite! Connect with other jQuery users... Присоединиться к jQuery Russia.
Аватар пользователя
Gennady
Администратор
 
Сообщений: 1886
Зарегистрирован: 14 янв 2010, 14:36
Откуда: Москва

След.

Вернуться в Вопросы от совсем новичков

Кто сейчас на форуме

Сейчас этот форум просматривают: Google [Bot] и гости: 5