在Jquery中添加/删除类的麻烦

Question

我正在尝试创建一个导航菜单，单击链接时，将内容加载到隐藏的div中，然后显示隐藏的div，然后更改列表项的类。如果再次单击相同的链接，则该类将恢复为之前的状态，然后内容div将被隐藏。

这是一个网址 视图-出处：http：//www.scottjraney.com/javatest/

这是Jquery

$(document).ready(function(){

    $("a.1").click(function(){
        $("div#hidden").load("/javatest/content1.html");
        $("div#hidden").slideDown();
        $("a").removeClass("1").addClass("1-change");
    });
    $("a.1-change").click(function(){
        $("div#hidden").slideUp();
        $("a").removeClass("1-change").addClass("1");
    }); 
});

我怎样才能让它发挥作用？

Answer 1

这是因为您使用的是.click（）函数而不是.live('click')。 live（）方法允许任何元素（甚至将来创建的东西）将该侦听器附加到它上面。

页面加载时，没有“1-change”元素，因此没有任何内容可以将侦听器附加到。

Answer 2

尽量不要使用数字值启动类名。 FF和IE曾经失败过。它并非严格无效 - 但可能会导致问题。