我有很多 html 页面(x.html,y.html)。我正在使用 jquery ui 选项卡。
单击相关按钮时,如何在特定选项卡中的每个 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>