从html页面onclick中填充Jquery选项卡中的数据

Question

我有很多html页面（x.html，y.html）。我正在使用jquery ui tabs。

单击相关按钮时，如何在特定选项卡中填充每个html页面中的数据。

例如：

• 点击按钮'x'将在x选项卡中的x.html中填充数据。
• 点击按钮'y'将在y标签中的x.html中填充数据。

以下是我正在使用的代码：

    <div id="tabs">
  <ul>
    <li><a href="#tabs-1">X</a></li>
    <li><a href="#tabs-2">Y</a></li>
  </ul>
  <div id="tabs-1">
    <p></p>
  </div>
  <div id="tabs-2">
    <p></p>
  </div>
    <p></p>
</div>
<script>
    $("#btn1").click(function () {
      $("#tabs-1").html(x.html);
      $("#tabs-2").html(y.html);
    });
    $("#btn2").click(function () {
      $("#tabs-1").html(z.html);
      $("#tabs-2").html(m.html);
    });
</script>