Общ jQuery скрипт за блоковес раздели (раздели)

Създаване на удобни, практични раздели с jQuery 51
Приставката jQuery за стилизиране избира 105
Изскачащ прозорец при първо посещение на jQuery сайт 124
Добавяне на скрипт към jQuery плъгин bxSl >59

Ето една добавка с ефект fadeOut -In

Скриптът ви, дори актуализиран, не показва приспособления за Google+ във FifeFox и IE 11. Опитвали ли сте да маркирате приспособления за социални медии като този? мрежи?

Здравейте! Кажете ми, в пример номер 4, можете ли да направите така, че когато щракнете върху котвата, не само разделът да се активира, но и страницата да се превърта надолу до този раздел? Помогнете ми моля!

Кажете ми, ако използвате този скрипт, ще индексират ли търсачките съдържанието на тези раздели? Или текстът, който е написан с този скрипт, няма да бъде индексиран и взет под внимание от търсачките?

Те ще индексират нормално, разделите са просто скрити блокове чрез display:none

Страхотен блог! Благодаря на всички за помощта! Много бързо и точно. Скоростта на отговорите е бърза, като в чат :)

Благодаря много, помогнахте много!

Поздрави. Има ли решение "anchor + запомняне чрез бисквитки или localStorage"? Необходимо е да се прехвърли в конкретен раздел, но и потребителят да остане на желаната страница, когато страницата се презарежда.

Само отделно.

Добър вечер! Възможно ли е по някакъв начин да се направи така, че когато отидете на страницата, например, 3-ти таб да е активен. И това като се вземе предвид факта, че на абсолютно всички страници ще бъде активен третият раздел, където се използва вашата структура на раздели? С други думи, можеадминистратор зададе активен, например 3 трети раздел?

В HTML кода пренаредете класовете .active в съответните блокове.

Поздравления! Използвам вашия скрипт в сайта. Лявата колона се оказа много голяма и при щракване съдържанието в горната част на страницата не се вижда. Възможно ли е по някакъв начин да се допълни скрипта, така че когато щракнете върху раздела, страницата се ускорява до самия връх?

Добър ден! Кажете ми какво да правя, ако се използват вложени div с техните класове вътре в div на разделите. Проблемът е, че остават скрити.

Не ми казвай, появиха се следните въпроси:

1. какъв код за проверка да предпиша, ако потребителят няма Javascript за показване на съдържанието без раздели.

Добър ден! Благодаря за хубавия сценарий. Имам въпрос. Организирах раздели на страницата. Над разделите има текст и връзки с котви. Как мога да организирам връзки с котви, за да препращат към раздели, докато щракването върху връзката би отвело посетителя вътре в раздела, т.е. така че разделът да се активира, когато се щракне върху връзката.

Не видях веднага пример 4. :-) Възможно ли е, когато щракнете върху връзка с котва, освен превключване на раздела, да има и физическо прехвърляне към този раздел? Моите раздели са под текста и не попадат във видимата част на страницата.

dimox, кажи как да направя автоматично превъртане на тези раздели?

Имам чувството, че съм го виждал някъдетакава реализация на вашите раздели, но не мога да си спомня.

Не знам, тази функция се изпълнява в слайдери.

Dimox, моля те, кажи ми защо класът .active може да скача произволно върху div? Имам ли преминаване с мишката вместо манипулатор на кликвания?

Нямам идея, може би нещо в сценария не е наред.

Народа, ама на Андроид табовете не се превключват. Как можете да решите проблема.

Превключвам без проблеми.

Поздравления! Искам да ти благодаря за сценария! Помогна много!

Има сайт http://goodwincinema.ru/, има два раздела - Сега в киното, скоро на екраните. Когато превключвате между тях, съдържанието и съдържанието на въртележката се променят. Може ли това да стане с този скрипт? Авторе, ще съм ти много благодарен за вниманието.

Dimox, много ти благодаря! Много ми помогнахте!

Dimox, моля те, кажи ми как да внедря това: когато щракнете върху плъзгача, съдържанието се променя? Това е от същия линк, който дадох по-горе. Мисля, че този плъгин може да направи това!

Моят скрипт само превключва раздели. Плъзгачът изисква отделен плъгин.

Ако знаете нещо, моля да ме уведомите. Но във всеки случай благодаря.

Здравейте. Кажете ми как да инсталирам тези раздели на Yukoz?

възможно ли е да вградите този блок с раздели в шаблона на wordpress? Просто казано, замяна на главното меню?

Явно е бъг на firefox. И относно Vkontakte, описах решението тук.

чрез прости манипулации ние правим вашия скрипт още по-универсален

сега можете да създавате вложени раздели

Ура! Реших проблема си с скачането в горната част на страницата при превключване на раздели! Ето пример на живо: http://injoit.com/what-we-do/

Внедрих вашия код, Dimox, на моя сайт с няколко промени. Уловката е, че целият div.box трябва да бъде обвит с друг div и да има определена фиксирана височина за него!

Тъй като съдържанието ми в раздели на сайта непрекъснато се променя, свързах механизма Math.max.apply, за да изчисля максималната възможна височина на вложеното .box div. Тази височина и попита външната дива ..

За ефекта на външния вид използвах animate() вместо show() с ясни параметри:

И действителният HTML:

тестван в ie7> и нормални браузъри - май работи.

Вместо: $('ul.tabs').delegate('li:not(.current)', 'click', function()

Доставка: $('ul.tabs li:not(.current)').live('click', function()

Проблемът с първия елемент е, че събитията не са обвързани правилно чрез метода на делегата, когато маркирането с раздели се зарежда чрез ajax. Втората опция работи добре + ние правим еднократно вземане на проби, а не 2 пъти

Проблемът с прескачащата страница при превключване на раздели е, че в момента на превключване съдържанието на всички раздели първо се скрива, а след това се показва съдържанието на активния раздел. В момента, когато съдържанието на всички раздели е скрито, на страницата има по-малко съдържание и браузърът превърта страницата нагоре. Когато се появи нов раздел, превъртането остава на същата страница.

Решението не е да скриете всички раздели, а само ненужните:

Ако някой се интересува, има друго просто решение за превключване към желания раздел, като щракнете върху елемент на трета страна.