一个jQuery中多个语句的语法

我是jQuery新手，似乎无法让这段代码正常工作。第一条语句执行，但下面两条语句不执行。请帮忙

$(document).ready(function(){

$("#print-tab").click(function(){
   $("#print-content").hide().fadeIn();
});

$("#web-tab").click(function(){
   $("#web-content").hide().fadeIn();
});

$("#rest-tab").click(function(){
   $("#rest-content").hide().fadeIn();
});
});

---

可能是因为您的

#打印内容

位于其他内容之上，而您从不隐藏它。你能试试吗

$(document).ready(function(){

    $("#print-tab").click(function(){
       $("#web-content,#rest-content").fadeOut();
       $("#print-content").hide().fadeIn();
    });

    $("#web-tab").click(function(){
       $("#print-content,#rest-content").fadeOut();
       $("#web-content").hide().fadeIn();
    });

    $("#rest-tab").click(function(){
       $("#web-content,#print-content").fadeOut();
       $("#rest-content").hide().fadeIn();
    });
});

---

这些是单击处理程序。它们只有在您实际单击它们所引用的元素时才会执行。请看一下文档。您能否创建一个JSFIDLE并向我们展示“第一条语句执行，但下面两条语句不执行”的确切含义？就您的代码而言，没有任何东西可以自动运行它