Question

我正在尝试开发一个网站............ 我的问题是，如何根据按下的标签重新加载php页面........ !!

请注意我有一个div用于输出内容......... !!如果我放一个setInterval（）jquery函数，它只重新加载第一页，如果任何其他选项卡被按下........ !!页面变得很慢............ !!我怎么能解决这个问题....... !!

Answer 1

我会继续前进，并假设我对你要问的问题有一些模糊的想法。

这就像你想要做的那样吗？

$('#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>

没有理由这么慢，但是如果你想避免每次用户更改标签时都要加载页面，你就可以这样做：

$('#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>

如果需要，您可以提供“刷新”按钮。

通过jquery load（）重新加载内容;

1 个答案: