Javascript JQUERY选项卡PHP谷歌图表

我有3个页面（p1.php、p2.php、p3.php），每个页面都运行良好——包含php代码和javascript，最后是一些谷歌图表。 我想将这些页面合并到选项卡中

<ul id="nav">
  <li><a href="p1.php">Chart1</a></li>
  <li><a href="p2.php">Chart1</a></li>
  <li><a href="p3.php">Chart1</a></li>
</ul>

<div id="ajax-content">Google Charts</div>

谷歌图表

及

$（文档）.ready（函数（）{
$（“#nav li a”）。单击（函数（）{
$（“#ajax内容”）.empty（）.append（“”）；
$（“#nav li a”）.removeClass（“当前”）；
$（this.addClass（'current'）；
$.ajax（{url:this.href，success:function（html）{
$（“#ajax内容”）.empty（）.append（html）；
}
});
返回false；
});
});

问题是，它显示的是空页面，而不是图形。 通过在每页上打印文本进行了一些测试。效果很好

---

图形没有绘制ajax，如果您记录它，它是否会返回任何内容？检查devl工具网络或firebug，您是否得到响应？我试过用$（“#ajax content”）.html（html）代替$（“#ajax content”）.html（html）-代替？而不是附加$（“#ajax content”）.append（），只是为了看看你是否真的得到了结果没有任何变化。有趣的是，作为单独的页面，它可以工作，但当放在选项卡上时，它是空白的。那么你通过ajax调用得到了什么结果吗？您的控制台中是否显示任何错误？

$(document).ready(function() {
$("#nav li a").click(function() {

    $("#ajax-content").empty().append("<div id='loading'><img src='images/loading.gif' 
  alt='Loading' /></div>");
    $("#nav li a").removeClass('current');
    $(this).addClass('current');

    $.ajax({ url: this.href, success: function(html) {
        $("#ajax-content").empty().append(html);
        }
});
return false;
});
});