使用javascript进行导航

所以我是个乞丐，我真的需要帮助 所以我在这里写下了这个函数； 目标是将元素名、div标记选择器和php文件地址作为参数

html只是一些带有

class=“.content”

标记和

链接的

#home#about#store

php中的页面只是其中的普通html

---

现在的问题是，当我点击链接时，它可以工作，但我可以找到如何在激活链接后使其不可访问 我正要用同样的函数做一个子列表，试图在包含链接的导航链接下加载一个小div，但我找不到该怎么做

---

任何一位专业人士都知道吗？

有几种方法可以使链接不可读取。一种方法是让click事件自行解除绑定：

$('nav')click(function(){
//Your code goes here
$(this).unbind('click');
});

另一种方法是操纵CSS来隐藏元素（将

display

设置为

none

）

至于你问题的第二部分，我真的不明白你想做什么。如果你想在链接下有一个弹出窗口，在悬停时激活，你可以在这里看到如何通过使用

及其

：hover

事件来实现

---

我可以帮忙，但这将是一次相当大的重写

首先，为所有导航项设置一个类。在导航项（我不知道它们是否是

div

，

li

元素或其他任何元素）内，将一个带有src设置的

标记放在您希望导航加载的页面上。完成后，可能会出现如下情况：

<ul id="navigation">
    <li class="nav">
        <a src="home.php">HOME</a>
    </li>
    <li class="nav">
        <a src="about.php">ABOUT</a>
    </li>
    <li class="nav">
        <a src="right.php">RIGHT</a>
    </li>
</ul>

---

注意

返回false；

对于防止链接的默认操作（即将用户发送到其他页面）很重要.

Uncaught TypeError:Object#没有方法“child”javascript控制台显示的是我这个错误你确定你没有忘记什么吗？

children不是child。被电视上的UFC分散了注意力。现在更新。@Qchmqs我相信添加的行应该可以正确地滑动/向下。

load

接受3个参数。第二个是data要发送回您正在加载的脚本，第三个是加载完成时要执行的函数。我们在链接加载之前立即调用slideup，然后在加载的完整函数中调用slidedown。我不能保证加载完整函数中此的上下文是正确的。您可能需要更改

此

至

”。内容“

@Qchmqs如果我的早期评论太唐突，我深表歉意。现在已经很晚了，语气无法通过打印传达。仍然只有一个问题。我如何制作

幻灯片（）

在加载完成后，但不是在同一时间完成？？以及如何在加载之前完成slideUp我知道我的要求太高，但我是一名初学者（我有很多理论研究，但这是我在现实生活中的第一份工作）

$('nav')click(function(){
//Your code goes here
$(this).unbind('click');
});

<ul id="navigation">
    <li class="nav">
        <a src="home.php">HOME</a>
    </li>
    <li class="nav">
        <a src="about.php">ABOUT</a>
    </li>
    <li class="nav">
        <a src="right.php">RIGHT</a>
    </li>
</ul>

$(function()
{
    $('.nav').click(function()
    {
        if($(this).hasClass('active'))
        {
            return false;
        }
        $(this).siblings('li').removeClass('active');
        $(this).addClass('active');

        $('.content').slideUp(500).load($(this).children('a').attr('src'), 
            null,
            function(){$(this).slideDown(500);}
        );
        return false;
    });
});