Html 锚定<;a>;标签在滑块中不起作用

Html 锚定<;a>;标签在滑块中不起作用,html,hyperlink,slider,anchor,bxslider,Html,Hyperlink,Slider,Anchor,Bxslider,页面顶部有一个滑块。 每张幻灯片都有一层列表和锚定标签,里面有图像标签 下面是滑块部分的HTML代码 <div class="slider"> <ul class="bxslider"> <li> <a href="https://item.rakuten.co.jp/yanosp-fineplay/rundayspack/" target="_blank"><img alt="ランデイズパッ

页面顶部有一个滑块。 每张幻灯片都有一层列表和锚定标签,里面有图像标签

下面是滑块部分的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>

如您所见,每个Anocho标记都有target=“\u blank”,应该为新页面打开一个新选项卡。但是,单击不会打开链接,更不用说打开新选项卡了。我想知道这是否与z-index或其他东西有关,但奇怪的是,如果继续将每个图像悬停在滑块中,链接仍然会出现。我只是不明白为什么会发生这种情况,任何帮助都将不胜感激

非常感谢你


PS-我不认为这与bxslider插件有关,因此请不要只评论“尝试其他滑块js”

我认为这就是bxslider.js插件的工作原理, 单击时,操作将在bxslider.js插件上滑动,而不是单击链接

但是,当您将滑块读取到其他图片时,单击锚定操作正在工作。试试看


抱歉,英语不好。

你的意思是,单击链接会打开链接,但不会在新选项卡中打开?对不起,我没有详细解释。我现在就要编辑帖子,但是点击链接也不会打开链接。z索引挡住了我的去路。将其从li元素中删除或添加z索引:60;对于a元素,点击监听器由bxslider捕获,您确定除此页面外还有其他与bxslider一起使用的链接吗?@Gerard wait how?我仍然无法打开链接,我认为这比其他元素顶部的某个元素更容易导致事件传播问题:/是的,我注意到了。但是我的另一个bxslider工作得很好,所以我认为这里的情况不是这样。好吧,试试其他的slider js。我很感激你的回答,但是我认为情况不是这样,因为我的另一个bxslider工作得很好。这一定是另一个原因导致了这个问题。