錨<a>標簽在滑塊中不起作用</a>

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 插件上滑動而不是點擊鏈接。

但是當您將滑塊移到其他圖片時，單擊錨點操作正在起作用。 嘗試一下！

抱歉英語不好。