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