Запуск скрипта на активной вкладке

(Ответов: 4, Просмотров: 591)
  1. Студент Аватар для Dikucher
    • Регистрация: 08.02.2013
    • Сообщений: 66
    • Репутация: 0
    День добрый
    структура

    Код HTML:
    <div class="section"> <ul class="tabs"> <li class="current">1-я вкладка</li> <li>2-я вкладка</li> </ul> <div class="box"> <div class="slider"> </div> </div> <div class="box"> <div class="slider"> </div> </div> </div><!-- .section -->
    изначально у всех
    Код:
    box {display: none;}
    Имеем slider ( в блоке .box) и вот проблема как раз со слайдером. Скрипт слайдера запускаемый через
    Код:
    $(document).ready(function(){})
    работает не кореектно, так как при родительском .box display:none, скрипт не правильно просcчитует размеры для элементов слайдера.
    Нужно сделать так, чтобы скрипт запускался именно тогда, когда активированна соответствующая вкладка.

    Вот сама реализация табов
    Код:
    (function($) {
    $(function() {
    
    
        $('ul.tabs').on('click', 'li:not(.current)', function() {
            $(this).addClass('current').siblings().removeClass('current')
                .parents('div.section').find('div.box').eq($(this).index()).fadeIn(150).siblings('div.box').hide();
        })
    
    
    })
    })(jQuery)
    Последний раз редактировалось Dikucher; 21.11.2013 в 16:52.
    • 0
  2. Разработка любых сайтов Аватар для ArhStrAngeR
    • Регистрация: 08.06.2011
    • Сообщений: 3,376
    • Записей в дневнике: 1
    • Репутация: 2506

    Комментарий модератора: ArhStrAngeR

    1. Остальные 3 дубля темы удалил, но в следующий раз держите себя в руках.
    • 0
  3. Студент Аватар для Dikucher
    • Регистрация: 08.02.2013
    • Сообщений: 66
    • Репутация: 0
    спасибо, буду
    • 0
  4. Дипломник
    • Регистрация: 15.07.2013
    • Сообщений: 189
    • Репутация: 43
    • Webmoney BL: ?
    Цитата Сообщение от Dikucher Посмотреть сообщение
    так как при родительском .box display:none, скрипт не правильно просcчитует размеры для элементов слайдера
    Скорее всего, так и будет до тех пор, пока вы не будете явно отображать блоки. Как вариант - отображать box, но задвинуть его куда-нибудь далеко влево, либо через z-index под основную страницу (чтобы не видно было). Либо расковырять исходник слайдера и ручками туда прописать пиксельные размеры, которые он высчитывает.
    • 0
  5. Студент Аватар для Dikucher
    • Регистрация: 08.02.2013
    • Сообщений: 66
    • Репутация: 0
    druzhkov, ну это все "костыли", могу добавить еще один, это в CSS прописать размеры с important, чтобы скрипт не смог из изменять. Но хотелось красивое решение.
    • 0

Похожие темы

Темы Раздел Ответов Последний пост
Сайт запущен,вопрос перед активной деятельностью
Вопросы от новичков 7 01.10.2013 02:05
Системы активной рекламы
Оффтоп и свободные темы 14 29.02.2012 19:40
База сайтов для размещения статей с активной ссылкой (5 wmz)
Базы сайтов, каталогов 0 27.02.2012 19:51
Куплю форум под развитие/с активной аудиторией
Покупка продажа сайтов 0 14.07.2011 16:57

У кого попросить инвайт?

Вы можете попросить инвайт у любого модератора:

Информеры