|
Контент закладками
|
|
| warezkiller | Отредактировал warezkiller - Воскресенье, 04 Апреля 2010, 14:47 Дата: 04 Апреля 2010, 17:11 | Сообщение # 1 | ● ● ● ● ● 287 сообщений Статус: Offline | Всех с праздником!=)
Теперь к делу. Я нашел статейку, в которой описывается как разделить контент на вкладки - ВОТ
Сделал как в инструкции:
1) это в хед
Code <link type="text/css" href="css/le-frog/jquery-ui-1.7.2.custom.css" rel="stylesheet" />
<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="js/jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script>
2) это по месту
Code <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>
3) скрипт после кода
Code <script type="text/javascript">
$(function(){
$("#tabs").tabs();
});
</script>
Результат:
А должно быть:
Тестилось тут - страница поиска Что я не доделал? Добавлено (04 Апрель 2010, 17:11)
---------------------------------------------
ну подскажите плииииз  | | |
|
| cucYa | Дата: 04 Апреля 2010, 19:03 | Сообщение # 2 |  ● ● ● ● ● Совращенный мальчик.7317 сообщений Статус: Offline | Это после <body>.
Code <script src="http://pes-world.org.ua/js/jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="http://pes-world.org.ua/js/jquery-ui-1.8.custom.min.js" type="text/javascript"></script> | | |
|
| warezkiller | Дата: 04 Апреля 2010, 21:30 | Сообщение # 3 | ● ● ● ● ● 287 сообщений Статус: Offline | cucYa, спасибо дружище, ты выручил нупке  Добавлено (04 Апрель 2010, 21:30)
---------------------------------------------
можно как-то сделать, чтоб эта штука загружалась сразу, а не сначала просто текстом, а уже потом в оформленном виде?
откройте эту страницу и все поймете - тест | | |
|
| cucYa | Дата: 04 Апреля 2010, 21:38 | Сообщение # 4 | ● ● ● ● ● Совращенный мальчик.7317 сообщений Статус: Offline | Можно вообще сначала с помощью ктс скрыть это всё, а когда подгрузится плагин, показать содержимое. | | |
|
| kanat07 | Дата: 04 Апреля 2010, 21:42 | Сообщение # 5 |  ● ● ● ● ● 735 сообщений Статус: Offline | Это после <body>. Code <script src="http://pes-world.org.ua/js/jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="http://pes-world.org.ua/js/jquery-ui-1.8.custom.min.js" type="text/javascript"></script> Code <script src="http://pes-world.org.ua/js/jquery-ui-1.8.custom.min.js" type="text/javascript"></script> | | |
|
| warezkiller | Дата: 04 Апреля 2010, 21:45 | Сообщение # 6 | ● ● ● ● ● 287 сообщений Статус: Offline | cucYa, эээ ктс? шоита?  | | |
|
| cucYa | Дата: 04 Апреля 2010, 21:52 | Сообщение # 7 | ● ● ● ● ● Совращенный мальчик.7317 сообщений Статус: Offline | Каскадная таблица стилей | | |
|
| warezkiller | Дата: 04 Апреля 2010, 21:53 | Сообщение # 8 | ● ● ● ● ● 287 сообщений Статус: Offline | cucYa, вот например похожая штука сделана - страница
но в отличии от моего варианта, загружается все сразу без промедленийДобавлено (04 Апрель 2010, 21:53)
---------------------------------------------
cucYa, то есть CSS. скажешь как? | | |
|
| cucYa | Дата: 04 Апреля 2010, 21:56 | Сообщение # 9 | ● ● ● ● ● Совращенный мальчик.7317 сообщений Статус: Offline | cucYa, то есть CSS. скажешь как?
visibility | | |
|
| warezkiller | Дата: 04 Апреля 2010, 22:02 | Сообщение # 10 | ● ● ● ● ● 287 сообщений Статус: Offline | cucYa, нашел. теперь осталось понять как задать в цсс условие. чтоб до загрузки страницы элемент был hidden, а после - visible | | |
|
| cucYa | Дата: 04 Апреля 2010, 22:06 | Сообщение # 11 | ● ● ● ● ● Совращенный мальчик.7317 сообщений Статус: Offline | В css
Code #id {visibility:hidden}
В скрипт в самый конец
| | |
|
| CrazyFENIX | Дата: 04 Апреля 2010, 22:10 | Сообщение # 12 |  ● ● ● ● ● 299 сообщений Статус: Offline | warezkiller, забей... у меня и так твоя хренулька сразу грузится.. | | |
|
| warezkiller | Дата: 04 Апреля 2010, 22:11 | Сообщение # 13 | ● ● ● ● ● 287 сообщений Статус: Offline | cucYa, ничего не изменилось. в ЦСС и в скрипт поставил | | |
|
| kanat07 | Дата: 04 Апреля 2010, 22:37 | Сообщение # 14 | ● ● ● ● ● 735 сообщений Статус: Offline | Code $(document).ready(function() {...})
м.б так? | | |
|
| warezkiller | Дата: 04 Апреля 2010, 22:45 | Сообщение # 15 | ● ● ● ● ● 287 сообщений Статус: Offline | kanat07, а вместо 3-х точек что ставить? | | |
|
| kanat07 | Дата: 04 Апреля 2010, 22:54 | Сообщение # 16 | ● ● ● ● ● 735 сообщений Статус: Offline | | | |
|
| warezkiller | Дата: 04 Апреля 2010, 23:06 | Сообщение # 17 | ● ● ● ● ● 287 сообщений Статус: Offline | kanat07, никакого эффекта | | |
|
| Task | Дата: 04 Апреля 2010, 23:43 | Сообщение # 18 | ● ● ● ● ● 703 сообщения Статус: Offline | warezkiller,
После $BODY$:
Code <script type="text/javascript">
document.body.onload=function(){
$('#id').fadeTo('slow');
}
</script>
"id" меняем на id блока. | | |
|
| warezkiller | Дата: 05 Апреля 2010, 00:02 | Сообщение # 19 | ● ● ● ● ● 287 сообщений Статус: Offline | я все поменял на более простую версию. никаких багов и затупов 
спасибо за помощь, мужики | | |
|
