jquery - 单击按钮时可以看到 Google 表格图表

Question

尝试加载带有隐藏的 google 表格图表的页面，并且仅在单击按钮后才显示它。

如果我在未隐藏表格的情况下开始页面，我可以切换它，但如果我在隐藏表格的情况下开始，那是不可能的。

这是一个jsfiddle .

交换注释行以查看它:

$("table").addClass( 'table-bordered table-condensed table-striped');
// $("table").addClass( 'table-bordered table-condensed table-striped hidden');

Answer 1

用这段代码改变你的代码

$(document).ready(function(){
    $("p").hide();
        $("#table").hide();
    $("#hide").click(function(){
        $("p").hide();
        $("#table").hide();
    });
    $("#show").click(function(){
        $("p").show();
        $("#table").show();
    });
});