css - 如何点击另一个页面的ID

Question

我在名为 product.html 的页面(此页面是一个带分页的垂直 slider see example)中使用滑动器创建了一个 slider ，在 index.html(我列出所有产品的主页)中，当我单击链接 product2 它应该重定向到幻灯片 2。我试过 <a href="product.html#slide2" .它可以工作，但不会加载整个 slider 。我不能滑动，它不显示分页 如何使用滑动器加载和显示分页导航到特定幻灯片？

刷卡结构

<!-- Swiper -->
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide" id="slide1">Slide 1</div>
            <div class="swiper-slide" id="slide2">Slide 2</div>
            <div class="swiper-slide" id="slide3">Slide 3</div>
                        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>
    </div>

Answer 1

试试这个代码

传递 slider 的index

<div class="product-list">
     <a href="product.html#2">product3</a>
     <a href="product.html#5">product6</a>
     <a href="product.html#10">product10</a>
</div>

DEMO

传递 slider 的id

<div class="product-list">
     <a href="product.html#slide2">product2</a>
     <a href="product.html#slide5">product5</a>
     <a href="product.html#slide10">product10</a>
</div>

DEMO