Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #11 (permalink)  
Старый 22.07.2018, 16:21
Аватар для NeonMan
Кандидат Javascript-наук
Отправить личное сообщение для NeonMan Посмотреть профиль Найти все сообщения от NeonMan
 
Регистрация: 22.07.2018
Сообщений: 123

Сообщение от рони Посмотреть сообщение
NeonMan,
может так?
$(function() {
    $('.menu li').click(function(){
    $('.menu li').removeClass('active');
    $(this).addClass('active');
    $('.tab').hide();
    var activeTab = $(this).find('a').attr('href');
    $(activeTab).show();
    });
    var hash = window.location.hash;
    hash ?  $("a[href='"+hash+"']").click()  : $('.menu li:first').click()
});
Да, этот вариант рабочий, спасибо, но единственное что, переходит экран сразу к началу блока с #tab2 например и тогда не видны вкладки (они вынесены абсолютным позиционированием чуть выше), что становится очень не удобным для дальнейшей навигации по кладкам, есть ли какая-то команда, что бы экран всегда был в начале страницы при переходе через ссылку на вкладку или по нажатию на вкладку? И ранее у меня после строчки $(activeTab).show(); шла еще такая строчка для слайдера $('.about-slider').slick('setPosition'); теперь она не срабатывает, может ее куда-то в др место перенести?

Последний раз редактировалось NeonMan, 22.07.2018 в 16:30.
Ответить с цитированием
  #12 (permalink)  
Старый 22.07.2018, 16:42
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

NeonMan,
не понимаю что вы пишите, всё что мог смотрите выше.
Ответить с цитированием
  #13 (permalink)  
Старый 22.07.2018, 17:55
Аватар для NeonMan
Кандидат Javascript-наук
Отправить личное сообщение для NeonMan Посмотреть профиль Найти все сообщения от NeonMan
 
Регистрация: 22.07.2018
Сообщений: 123

Сообщение от рони Посмотреть сообщение
NeonMan,
не понимаю что вы пишите, всё что мог смотрите выше.
Все отлично работает, просто надо было добавить return false; что бы не прыгало при переходе :
$(function() {
    $('.about-menu li').click(function(){
    $('.about-menu li').removeClass('active');
    $(this).addClass('active');
    $('.about-tab').hide();
    var activeTab = $(this).find('a').attr('href');
    $(activeTab).show();
    $('.about-slider').slick('setPosition');
    return false;
    }); 

    var hash = window.location.hash;
    hash ?  $("a[href='"+hash+"']").click()  : $('.about-menu li:first').click()
});


Но последний момент, который остался, это вот эта вот строчка:
$('.about-slider').slick('setPosition');

Она нужна для корректного отображения слайдера при переходе на вкладку, в старой конструкции кода эта строчка была после 7 строчки $(activeTab).show();
но в данной конструкции не срабатывает, подскажите пожалуйста как ее вставить теперь.
Ответить с цитированием
  #14 (permalink)  
Старый 22.07.2018, 18:51
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

NeonMan,
возможно строки 1 и 14 лишние, или слайдер ещё не инициализирован, тогда код 2 - 13 добавить после инициализации слайдера.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Помогите доделать калькулятор через ajax Музаффар Общие вопросы Javascript 4 20.12.2013 09:42
Помогите плизз управлять uppod плеером через JavaScript. olehpdatu jQuery 0 11.09.2013 22:00
Получение ответа сервера через iframe и xhr. Помогите разобраться. Arconas AJAX и COMET 0 26.02.2013 10:38
Передать параметры через HREF в AJAX izcian Общие вопросы Javascript 5 18.08.2012 20:04
href помогите AfeK Общие вопросы Javascript 4 21.08.2010 01:51