Накодил вкладки на jquery - дублируются ИД-шники кнопок в них.

Главные вкладки

Аватар пользователя VasyOK VasyOK 5 мая 2018 в 14:03

Накодил вкладки на главной https://www.ynafani.com.ua/ через JS файл.

Всё работает, но есть неприятный момент. Валидатор
https://validator.w3.org/nu/?doc=https%3A%2F%2Fwww.ynafani.com.ua%2F
находит дублирующиеся ИД "edit-actions--..." - это кнопки Купить от Уеберкарта. Если выводить без вкладок, просто 3-мя блоками -такой неприятности нет.

Можно что-то сделать?

Скрипт подключения вкладок.

(function($){
  $(document).ready(function(){        
    $( function() {
      $( "#tabs" ).tabs();
    } );      
  });  
})(jQuery);  

Шаблон региона под вкладки

<?php if ($content): ?>
  <div id="tabs">
  <ul class="tab-head no-border-links">
    <li class="tab-link one">
        <a href="#block-views-termtov-block-2">НОВИНКИ</a>
    </li>
    <li class="tab-link two">
        <a href="#block-views-termtov-block-3">АКЦИИ</a>
    </li>
    <li class="tab-link three">
        <a href="#block-views-termtov-block-4">РАСПРОДАЖА</a>
    </li>
  </ul>
  <?php print $content?>
  </div>
<?php endif; ?>

Впринципе тоже самое можно сделать модулем quicktabs (и все ИДшники будут как надо), но я не ищу легких путей.

/*Добавлено*/
Кароче сделал через quicktabs.Эксперименты с JS будут скорей всего на другом сайте.

Комментарии

Аватар пользователя VasyOK VasyOK 5 мая 2018 в 22:28

там много что скачет.
это не есть проблема сейчас.

я склоняюсь к мысли что код нужно добавить behaviors-ы но выразить эту мысль увы не могу. А может и нет.

Аватар пользователя sas@drupal.org sas@drupal.org 6 мая 2018 в 8:20

Какой то детский трехколесный велосипед и к табам не имеет никакого отношения идер находится в форме добавления в корзину ajax-cart-submit-form

Аватар пользователя VasyOK VasyOK 6 мая 2018 в 9:03

"ajax-cart-submit-form" - не волнует.
Проблема в том, что есть вкладки Новинки, Акции, Распродажа. И кнопка Купить первого товара в каждой вкладке имеет код
<div class="form-actions form-wrapper" id="edit-actions--2">
при использовании quicktabs - такого нет.