锚 tags are not working in slider

Question

页面顶部有一个滑块。每张幻灯片都有一层列表和锚标签，其中包含图像标签。

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>

如您所见，每个锚点标签都有target =“ _ blank”，应该为新页面打开一个新标签。但是，单击不会打开链接，更不用说新标签了。我想知道这是否与z-index或其他有关，但是奇怪的是，如果继续将鼠标悬停在滑块上的每个图像，该链接仍然会出现。我只是不知道为什么会这样，任何帮助将不胜感激。

非常感谢。

PS-我认为这与bxslider插件无关，因此请不要仅评论“尝试其他滑块js”之类的内容

Answer 1

我认为这是bxslider.js插件的工作方式，当您单击时，该动作将在bxslider.js插件滑块上起作用，而不是单击链接。

但是当您已经将滑块滑动到其他图片时，单击锚点动作将起作用。试试吧！

对不起，英语不好。