перезагрузка контента с помощью jquery load ();

Question

я пытаюсь разработать сайт ............ Моя проблема заключается в том, как я могу перезагрузить только php-страницу в соответствии с нажатой вкладкой ........ !!

пожалуйста, обратите внимание, что у меня есть один div для выходного контента ......... !! если я поставлю функцию jQuery setInterval (), то она перезагружает только первую страницу, если нажата какая-либо другая вкладка ........ !! и страница идет очень медленно ............ !! как я могу это исправить ....... !!

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>

Нет причины, по которой это должно происходить медленно, но если вы хотите избежать загрузки страницы с помощью 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>

и при необходимости вы можете предоставить кнопку «обновить».