当前菜单突出显示

时间:2013-04-08 13:13:42

标签: javascript jquery

我有这个导航栏和本地存储脚本,通过单击下一个或上一个来浏览列表。当您第一次进入页面时,概述是要显示的第一个页面,它由默认突出显示(class = first)。

直到您进入概述页面并单击下一步上一步一切正常但当您在另一个导航菜单中时,例如资格,然后单击下一个/上一个,然后该页面重定向到概述页面。它应保留在“资格认证”页面中,并且应突出显示资格认证菜单。

有人提出了一个想法?单击下一步>>找到导航>>的第x个元素获取网址,重定向到网址。我们将非常感谢您的帮助。(仅供参考 - 点击下一步更改网址)

附上图片以帮助您。

http://oi48.tinypic.com/2lo6mhe.jpg

<div id="nav">
    <ul>
        <li class="first"><a href="on-click-tab.html">OVERVIEW</a></li>
        <li><a href="on-click-tab1.html">PERSONAL DETAILS</a></li>
        <li><a href="on-click-tab2.html">QUALIFICATION</a></li>
        <li><a href="on-click-tab3.html">REFERENCES</a></li>
    </ul>
</div>

<script>
    // this will get the full URL at the address bar
    var url = window.location.href; 

    // passes on every "a" tag 
    $("#nav a").each(function() {
        // checks if its the same on the address bar
        if(url == (this.href)) {
            $('ul li.first').removeClass('first');
            $(this).closest("li").addClass("current");
        }
    });
</script>

<div class="next">
    <input type="image" src="/images/button-right.gif" name="Next" id="Next" value="Next »" onclick="javascript:GetNext();">
</div>

-

function GetNext(){  
$("#no-more").html(" ");
var Pointer = localStorage.getItem('0');
Pointer++;
if (localStorage.getItem(Pointer) === null) {
    $("#no-more").html("There are no further applicants from your list").addClass('message-nm');
} else {
    var NextURL = localStorage.getItem(Pointer);
        localStorage.setItem('0', Pointer); 
    var totalItems = localStorage.length -1 ;
    var GoURL= NextURL.substring(NextURL.indexOf('~')+1);
    window.location.replace( GoURL ) ;
    $("#no-more").html('Working...').addClass('message-nm');
}
}

var totalItems = localStorage.length -1 ;
$("#progress").html(localStorage.getItem("0") + " of " + totalItems);

0 个答案:

没有答案