href链接到加载页面并根据链接执行specfic jquery

时间:2015-05-15 12:28:29

标签: jquery html5 hyperlink

我需要一个链接转到页面并根据链接运行特定的jquery脚本。这可能吗?

继承菜单:

       <div class="navDropdown">            
            <ul class="nav ">
                <li><a href="page/index.html#content1">content 1</a></li>
                <li><a href="page/index.html#content2">content 2</a></li>
                <li><a href="page/index.html#content3">content 3</a></li>
                <li><a href="page/index.html#content4">content 4</a></li>
            </ul>
        </div>
    </li>
页面上的

/ index.html我有4个div#content1&amp;所以#content中的css是不同的内容:

  

显示:无;

并且jquery将更改正确的div,以显示正确的选择。

  

显示:块;

我无法理解这一点。有什么帮助吗? :)

1 个答案:

答案 0 :(得分:1)

如果你想要这样的话,你可能需要使用像jquery.ba-hashchange.js这样的插件:

<强> HTML:

<div class="navDropdown">            
    <ul class="nav">
        <li><a href="#content1">content 1</a></li>
        <li><a href="#content2">content 2</a></li>
        <li><a href="#content3">content 3</a></li>
        <li><a href="#content4">content 4</a></li>
    </ul>
</div>

<div id="content1" style="display: none;">div #content1</div>
<div id="content2" style="display: none;">div #content2</div>
<div id="content3" style="display: none;">div #content3</div>
<div id="content4" style="display: none;">div #content4</div>

jQuery(onload):

$(window).hashchange(function(e){
    var hash = window.location.hash;
    var id = hash.substring(1, hash.length - 1);
    id = "div[id^='"+id+"']";
    $(id).hide();

    $(hash).show();    
});

$(window).hashchange();

DEMO