Html 锚定<;a>;标签在滑块中不起作用
页面顶部有一个滑块。 每张幻灯片都有一层列表和锚定标签,里面有图像标签 下面是滑块部分的HTML代码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="ランデイズパッ
<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工作得很好。这一定是另一个原因导致了这个问题。