За последние 24 часа нас посетили 18662 программиста и 1721 робот. Сейчас ищут 1163 программиста ...

отдельный вывод названия Активной вкладки

Тема в разделе "Прочее", создана пользователем AlexsaiL, 2 ноя 2017.

  1. AlexsaiL

    AlexsaiL Активный пользователь

    С нами с:
    23 дек 2016
    Сообщения:
    327
    Симпатии:
    23
    Доброго времени суток! подскажите, каким способом можно реализовать такую задачку:
    в шаблонизаторе прокручиваю циклом foreach пришедший массив с данными, где есть так же имена категорий. Полученные имена категорий у меня идут как имена вкладок. Как реализовать, чтобы при активной вкладки, рядов в теге появлялось название активной категории, соответсвенно при переключении категорий активная вкладка всегда отображалась в другом блоке(у активной вкладки имеется class="active"). С помощью JavaScript реализовать или возможностями шаблонизатора? (пример - изображение: рядом вывел красным активную вкладку)
     

    Вложения:

  2. AlexsaiL

    AlexsaiL Активный пользователь

    С нами с:
    23 дек 2016
    Сообщения:
    327
    Симпатии:
    23
    Сделал на jQuery прописав такой код:
    Код (Javascript):
    1. $(function (){
    2.     $('.tabsJqList').children('.childItemCat').click(function(){
    3.        var textT = $('.tabJquery').children('.active').children('.childItemCat').children('.tabJqueryTitle').text();
    4.        $('.togTitleStyle').text(textT);
    5.     });
    6. }(jQuery));
    Отрабатывает, заменяет текст в "красном" блоке, но почему то подставляет предыдущую активную вкладку с классом "active". Подскажите как реализовать чтобы он выводил содержимое тега текущего(выбранного) эллемента (которому присваивается класс "active", а на предыдущем элементе класс "active" удаляется), а не предыдущего элемента с классом "active". Или как можно взять содерживое элемента при клике по уникальному?
     
    #2 AlexsaiL, 3 ноя 2017
    Последнее редактирование: 3 ноя 2017
  3. AlexsaiL

    AlexsaiL Активный пользователь

    С нами с:
    23 дек 2016
    Сообщения:
    327
    Симпатии:
    23
    Вопрос закрыт. Сделал. Код для тех, кому пригодится:
    Код (Javascript):
    1. $(document).on('click','.tabsJqList',function(e){
    2.     var textT = $(this).text();
    3.     $(".togTitleStyle").text(textT);
    4. });