链接回Javascript控制页面的某个点

链接回Javascript控制页面的某个点,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在使用codyhouse的模板: 我正在使用滑块链接到其他外部页面-问题是当我将用户发送回模板时,它会恢复到第一个滑块 我尝试使用#id a链接返回模板的某个点,但是JS中的.hidden.visible属性阻止了这种技术的工作 有没有办法链接回某张幻灯片?这段代码用于分页(底部的数字): 这意味着您可以通过调用带有所需参数的updateSlider来使用此代码 我建议将源代码更改为将索引、sliderPagination、slides存储在cookie中,然后再次导航到页面,首先检查会话中

我正在使用codyhouse的模板:

我正在使用滑块链接到其他外部页面-问题是当我将用户发送回模板时,它会恢复到第一个滑块

我尝试使用#id a链接返回模板的某个点,但是JS中的.hidden.visible属性阻止了这种技术的工作


有没有办法链接回某张幻灯片?

这段代码用于分页(底部的数字):

这意味着您可以通过调用带有所需参数的
updateSlider
来使用此代码

我建议将源代码更改为将
索引、sliderPagination、slides
存储在cookie中,然后再次导航到页面,首先检查会话中是否没有cookie

单击时,可以将索引(即0、1、…、N-1)存储在变量(例如
carouselIndex
)中

然后,当您返回页面时,检索
carouselIndex
并为其分配
活动类

HTML:

<div id="myCarousel" class="carousel slide" data-ride="carousel">
    <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <!-- etc. -->
    </ol>
    <div class="carousel-inner" role="listbox">
        <div class="item active" data-index="0">
            <img src="img1.jpg" alt="First slide">
            <div class="carousel-caption">First slide</div>
        </div>
        <div class="item">
            <img src="img2.jpg" alt="Second slide">
            <div class="carousel-caption">Second slide</div>
        </div>
        <!-- etc. -->
    </div>
    <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
    </a>
</div>
$(function() {
    var carouselIndex = sessionStorage.getItem("carouselIndex");
    if (!!carouselIndex) {
        $("#myCarousel").carousel(carouselIndex);
    }
    $("#myCarousel .item").click(function() {
        sessionStorage.setItem("carouselIndex", $(this).attr("data-id"));
    });
});

到目前为止你做了什么?您能给我们提供一个JSFIDLE吗?所以,如果我理解得很好,您希望这样做,例如,当用户单击幻灯片8时,网站将转到详细页面。然后,当它返回或单击“返回项目”时,旋转木马应该从幻灯片8开始,对吗?如果您提供小提琴,我将提供example@KitDebuse它没有多重属性pages@KitDebuse显示我在索引3上添加了一行返回页面的位置(第4页/0页)您可以将其存储在cookie中,如下所示:@KitDebuse您能更清楚地或更好地询问它吗:在一个新问题中(请将其链接到此处,否则我不会注意到)@KitDebuse,如我所说:cookie(或本地存储)。如果未设置变量,则将其默认设置为第一页!
$(function() {
    var carouselIndex = sessionStorage.getItem("carouselIndex");
    if (!!carouselIndex) {
        $("#myCarousel").carousel(carouselIndex);
    }
    $("#myCarousel .item").click(function() {
        sessionStorage.setItem("carouselIndex", $(this).attr("data-id"));
    });
});