перезагрузка содержимого через jquery load();

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> 

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