Question

我有jQuery标签菜单调用ajax。

菜单工作正常，现在如何设置标签自动检测最后一个标签点击甚至页面刷新。

你可以在这里看到小提琴：https://jsfiddle.net/waspinator/rw8ujfg3/

<ul class="nav nav-tabs tabs-up " id="friends">
  <li active><a href="/gh/gist/response.html/3843293/" data-target="#contacts" class="media_node active span" id="contacts_tab" data-toggle="tabajax" rel="tooltip"> Contacts </a></li>
  <li><a href="/gh/gist/response.html/3843301/" data-target="#friends_list" class="media_node span" id="friends_list_tab" data-toggle="tabajax" rel="tooltip"> Friends list</a></li>
  <li><a href="/gh/gist/response.html/3843306/" data-target="#awaiting_request" class="media_node span" id="awaiting_request_tab" data-toggle="tabajax" rel="tooltip">Awaiting request</a></li>

  <div class="tab-content">
  <div class="tab-pane active" id="contacts">

  </div>
  <div class="tab-pane" id="friends_list">
  </div>
  <div class="tab-pane  urlbox span8" id="awaiting_request">

  </div>
</div>

JS

$('[data-toggle="tabajax"]').click(function(e) {
var $this = $(this),
    loadurl = $this.attr('href'),
    targ = $this.attr('data-target');

$.get(loadurl, function(data) {
    $(targ).html(data);
});

$this.tab('show');
return false;
});

我只是知道它会使用cookie吗？但我怎么设置它？

Answer 1

使用document.cookie =＆＃34;您的格式＆＃34;将数据存储在cookie中，然后相应地检查

我认为它可能会有更好的答案，但这就是我所能做的一切

希望我能帮助你，你走了

if (document.cookie.indexOf("opentab=") >= 0) {
var x = document.cookie;
if(x=='opentab=1st'){
  var dataid = '#contacts_tab';
}
else if(x=='opentab=2nd'){
  var dataid = '#friends_list_tab';
}
else{
  var dataid = '#awaiting_request_tab';
}
var loadurl = $(dataid).attr('href');
var targ = $(dataid).attr('data-target');
$.get(loadurl, function(data) {
    $(targ).html(data);
});

$(dataid).tab('show');
}

$('[data-toggle="tabajax"]').click(function(e) {
var $this = $(this),
    loadurl = $this.attr('href'),
    id = $this.attr('id'),
    targ = $this.attr('data-target');

    if(id == "contacts_tab"){
    document.cookie = "opentab=1st";
}
else if(id == "friends_list_tab"){
    document.cookie = "opentab=2nd";
}
else{
    document.cookie = "opentab=3rd";
}

$.get(loadurl, function(data) {
    $(targ).html(data);
});

$this.tab('show');
return false;
});

记住最后位置的jQuery选项卡菜单

1 个答案: