Якорь <a>теги не работают в слайдере - PullRequest
Новая
       49

Якорь <a>теги не работают в слайдере

0 голосов
/ 13 февраля 2020

В верхней части страницы есть слайдер. Каждый слайд имеет слой списка и теги привязки с тегом изображения внутри.

https://www.rakuten.ne.jp/gold/yanosp-fineplay/

Вот код HTML для части слайдера. 

<div class="slider">
    <ul class="bxslider">
        <li>
            <a href="https://item.rakuten.co.jp/yanosp-fineplay/rundayspack/" target="_blank"><img alt="ランデイズパック　リュック" src="sliderimg/rundaysslider.jpg" /></a>
        </li>
        <li>
            <a href="https://item.rakuten.co.jp/yanosp-fineplay/y002/" target="_blank"><img alt="" src="sliderimg/porchn.jpg" /></a>
        </li>
        <li>
            <a href="https://item.rakuten.co.jp/yanosp-fineplay/p17fw-sl013/" target="_blank"><img alt="" src="sliderimg/slider13.jpg" /></a>
        </li>
    </ul>
</div>

Как видите, у каждого тега anochor есть target = "_ blank", и предполагается, что он открывает новую вкладку для новой страницы. Однако нажатие не откроет ссылку, не говоря уже о новой вкладке. Мне было интересно, связано ли это с z-index или чем-то еще, но странно то, что, если вы go впереди и наводите курсор на каждое изображение в слайдере, ссылка все равно появляется. Я просто не могу понять, почему это происходит, и любая помощь будет принята с благодарностью.

Большое вам спасибо.

PS - Я не думаю, что это как-то связано с bxslider плагин, поэтому, пожалуйста, воздержитесь от комментариев: «Попробуйте другой слайдер js»

1 Ответ

0 голосов
/ 13 февраля 2020

Я думаю, что так работает плагин bxslider. js. Когда вы нажимаете, действие работает на bxslider. js Плагин скользит вместо того, чтобы щелкать ссылку.

, но когда вы уже прочитали ползунок к другой картинке, действие привязки щелчка работает. попробуйте!

извините за плохой английский sh.

...