在 HTML 的 tab/div 中加載一個 PHP 文件

Question

我有一個帶有 3 個選項卡的 HTML 文件。 當用戶單擊 3 個選項卡中的一個特定選項卡 (Tab1)時，我想加載一個PHP文件。

標簽代碼：

<div id="content">
<div role="tabpanel">
<ul class="nav nav-tabs" role="tablist"  id="main_tab_content">
    <li role="presentation" class="active"><a role="tab" data-toggle="tab" aria-controls="home" href="#home">Home</a></li>
    <li role="presentation"><a role="tab" data-toggle="tab" aria-controls="tab1" href="#tab1">Tab 1</a></li>
    <li role="presentation"><a role="tab" data-toggle="tab" aria-controls="tab2" href="#tab2">Tab 2</a></li>
</ul>

Tab1代碼：

<div class="tab-content">
<div role="tabpanel" class="tab-pane" id="tab1">
<div class="panel panel-default">
<div class="panel-body">Yet to be integrated.
</div>
</div>
</div>

等等Home 和 Tab 2 。

jquery 加載代碼：

<script>
$( ".tab1" ).load( "/test/index.php" );
</script>

該代碼是由一位同事編寫的，我正在嘗試使用相同的 html 布局來加載我的 PHP 文件。 到目前為止嘗試使用 jquery 負載，我認為我面臨的問題是負載中使用的 div 類/id 的 cz。

任何輸入都會有用。

提前致謝。

Answer 1

 <script> $(document).ready(function(){ $('.tab_1').click(function(){ $.get( "/test/index.php", function( data ) { $( ". tab_1" ).html( data ); }); }) }) </script>

$( ".tab_1" ).html( 數據 ); --> 會收到index.php的所有內容，把class.tab_1改成另一個class，你要放內容