一个jQuery中多个语句的语法

Question

我是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();
});
});

Answer 1

可能是因为您的#print-content位于其他内容之上，而您永远不会隐藏它。你能尝试一下：

$(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();
    });
});