jquery - 一个 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();
    });
});