Jquery 返回到具有相同活动项的页面(引导转盘)

Jquery 返回到具有相同活动项的页面(引导转盘),jquery,twitter-bootstrap,cookies,carousel,slide,Jquery,Twitter Bootstrap,Cookies,Carousel,Slide,我有一个页面使用boostrap旋转木马。每张幻灯片显示4个div。从每个部门,我们都可以进入产品规格说明页面。此页面有一个按钮,该按钮使用: $('.goback__button').click(function(){ window.history.back(); return false; }) 使用滑块返回上一页。问题是,当我点击这个按钮时,我想返回到同一张幻灯片(活动幻灯片,活动项目)。现在将重定向到第一张幻灯片处于活动状态的页面。如果要在服务器端执行此操

我有一个页面使用boostrap旋转木马。每张幻灯片显示4个div。从每个部门,我们都可以进入产品规格说明页面。此页面有一个按钮,该按钮使用:

  $('.goback__button').click(function(){
     window.history.back();
     return false;
   })

使用滑块返回上一页。问题是,当我点击这个按钮时,我想返回到同一张幻灯片(活动幻灯片,活动项目)。现在将重定向到第一张幻灯片处于活动状态的页面。

如果要在服务器端执行此操作,可以在请求中传递Get参数,然后在HTML中选择该项

如果要直接在JavaScript中执行此操作,必须使用哈希或get参数(并解析参数),简单的方法是使用哈希,例如:

localhost/web.html#slide1


您必须编写控制散列值的代码,然后修改活动项

当用户单击“上一步”按钮时,您可以在浏览器中添加一个cookie,该按钮将幻灯片编号存储在旋转木马中,如:

$('.goback__button').click(function(){
  document.cookie = "slide-number=2";
  window.history.back();
  return false;
});
然后,在第一页的
$(document).ready()
函数中,找到cookie,获取值,然后使用引导的.carousel(number)方法转到相应的幻灯片。然后删除cookie:

$(document).ready(function(){
  var num = getCookie("slide-number");
  if (num != ""){
    num = parseInt(num);
    $('#myCarousel').carousel(num);
    document.cookie = "slide-number=; expires=Thu, 01 Jan 1970 00:00:00 UTC";
});

function getCookie(cname) {
  var name = cname + "=";
  var ca = document.cookie.split(';');
  for(var i = 0; i <ca.length; i++) {
    var c = ca[i];
    while (c.charAt(0) == ' ') {
        c = c.substring(1);
    }
    if (c.indexOf(name) == 0) {
        return c.substring(name.length, c.length);
    }
  }
  return "";
}
$(文档).ready(函数(){
var num=getCookie(“幻灯片编号”);
如果(num!=“”){
num=parseInt(num);
$('myCarousel')。carousel(num);
document.cookie=“幻灯片编号=;到期日期=1970年1月1日星期四00:00:00 UTC”;
});
函数getCookie(cname){
变量名称=cname+“=”;
var ca=document.cookie.split(“;”);
对于(var i=0;i