链接到js控制页面的特定部分

时间:2016-05-16 13:45:54

标签: php javascript jquery

我试图寻找这个,但我不确定如何说出我要找的东西,所以如果这是一个重复的问题,请原谅。我有一个.php页面,其中包含5个由jquery链接控制的div。最初加载页面显示主页div,其余部分隐藏。单击链接会导致home div淡出,并使用页面底部调用的jquery脚本在其中显示新div。它也在网址中显示为http://example.com/#visible-div。我希望能够做的是链接到页面并具有特定的部分加载。例如,如果我链接到http://example.com/#div4,则页面将加载div4显示。我想通过在开始时使用php get命令,我可以得到请求并加载它,但我不知道我会怎么做。这是我现有的代码:

<div class="menulistbot">
        <ul id="divchange">
            <li><a class="homediv" href="#home">Home</a></li>
            <li><a class="div1" href="#div1">div1</a></li>
            <li> <a class="div2" href="#div2">div2</a></li>
            <li><a class="div3" href="#div3">div3</a></li>
            <li><a class="div4" href="#div4">div4</a></li>
        </ul>
    </div>
    <div id="div1"></div>
    <div id="div2"></div>
    <div id="div3"></div>
    <div id="div4"></div>
    <script call>

这是我的控制脚本

//Main site operation script
function fadeAll() {
    $("#homediv").fadeOut(600);
    $("#div1").fadeOut(600);
    $("#div2").fadeOut(600);
    $("#div3").fadeOut(600);
    $("#div4").fadeOut(600);
}
$(".div1").click(function() {
    fadeAll();
    $("#div1").delay(600).fadeIn(1500);
})
$(".homediv").click(function() {
    fadeAll();
    $("#homediv").delay(600).fadeIn(1500);
})
$(".div2").click(function() {
    fadeAll();
    $("#div2").delay(600).fadeIn(1500);
})
$(".div3").click(function() {
    fadeAll();
    $("#div3").delay(600).fadeIn(1500);
})
$(".div4").click(function() {
    fadeAll();
    $("#div4").delay(600).fadeIn(1500);
})

由于代码工作正常,但就像我说的,我希望能够直接链接到div4。这有可能,如果可能,怎么样?

0 个答案:

没有答案
相关问题