Аккордеон не работает в Magento2 на вкладке продукта - PullRequest
Новая
       26

Аккордеон не работает в Magento2 на вкладке продукта

0 голосов
/ 05 апреля 2020

Я использую простой HTML + JS аккордеон в magento2.2.5 на странице продукта под вкладкой продукта под названием "FAQ's". Я хочу показать концепцию аккордеона для раздела Faq. Но в Magento, когда я использую приведенный ниже код, он будет конфликтовать с вкладками продукта, и они перестанут работать. Они не будут кликабельными больше. Пожалуйста, помогите мне решить проблему с аккордеоном. Пока я удалил приведенный ниже код из вкладки из раздела администрирования Magento, вот URL веб-сайта: https://uniqaya.com/staging/tinted-sunscreen.html Код: 

    require([
            'jquery'
        ], function ($) {
            'use strict';
                $("#element").accordion();
    });
<div id="element" class="collapsibleContainer">
          <div class="collapsibleTab" data-role="collapsible">
              <div data-role="trigger">
                  <span>Title 1</span>
              </div>
          </div>
          <div class="collapsibleContent" data-role="content">Content 1</div>
    
          <div class="collapsibleTab" data-role="collapsible">
              <div data-role="trigger">
                  <span>Title 2</span>
              </div>
          </div>
          <div class="collapsibleContent" data-role="content">Content 2</div>
    
          <div class="collapsibleTab" data-role="collapsible">
              <div data-role="trigger">
                  <span>Title 3</span>
              </div>
          </div>
          <div class="collapsibleContent" data-role="content">Content 3<br>Hello<br>World</div>
      </div>

Пожалуйста, помогите, как я могу использовать тот же код на вкладке FAQ, как работает аккордеон.

Regrads,

1 Ответ

0 голосов
/ 07 мая 2020

Если идентификатор элемента уникален, попробуйте добавить аккордеон, чтобы потребовать 

require([
  'jquery',
  'accordion'
], function ($) {
   $("#element").accordion();
});
...