我打算继续前进,并假设我对你想要问什么有一些模糊的想法。
这就像你想要做的事情?
$('#tab_console .tab').click(function() {
$('#tab_pane #my_ajax_pane')
.load('/path/to/page/'+$(this).attr('id')+'.php');
});
和
<div id="tab_console">
<div class="tab" id="page_1">pane 1</div>
<div class="tab" id="page_2">pane 2</div>
</div>
<div id="tab_pane">
<div class="pane" id="my_ajax_pane">pane 1 content</div>
</div>
没有理由应该是缓慢的,但每次用户更改标签的时间,如果你想避免对Ajax的加载页面,你可以只是做:
$('#tab_console .tab').click(function() {
$('#tab_pane .pane').hide();
$('#tab_pane #'+$(this).attr('id')).show();
});
和
<div id="tab_console">
<div class="tab" id="pane_1">pane 1</div>
<div class="tab" id="pane_2">pane 2</div>
</div>
<div id="tab_pane">
<div class="pane" id="pane_1">pane 1 content</div>
<div class="pane" id="pane_2">pane 2 content</div>
</div>
,如果需要,您可能会提供一个“刷新”按钮。
可否请更清晰地更改您的问题并减少点/感叹词? – Greg 2009-11-28 08:01:42
我既不理解 – 2009-11-28 08:03:05
你也可能想要发布代码的一些部分以及点和感叹消除 – Rodrigo 2010-09-05 12:55:57