阿賈克斯標籤內容加載

所以，我有2個選項卡如下：阿賈克斯標籤內容加載

<div class="tabs"> 
    <a href="#tab1" class="active-tab tab" id="tab1-id">Tab 1</a> 
    <a href="#tab2" class="tab" id="tab2-id">Tab 2</a>  
</div> 
<div class="active-panel" id="tab1"> 
    Tab 1 content 
</div> 
<div class="panel" id="tab2"> 
    <!--Tab 2 content located in tab2.php--> 
</div>

然後這裏是我的腳本：

jQuery("#tab2-id").click(function(){ 
    jQuery("#tab2").load("tab2.php"); 
});

文件位置是如下：parts/tab1.php和parts/tab2.php

所以，我的邏輯是，當點擊Tab 2時，我想在div id="tab2"中加載tab2.php。

我在做什麼錯？

編輯：

正確的位置語法指出後，我得到404錯誤，瀏覽器無法找到http://example.com/parts/tab2.php。但tab2.php是一個簡單的幾個div文件，也許我失去了一些東西。我會做一些挖掘，並找出爲什麼我得到這個錯誤，並把我在這裏找到的東西。謝謝。

來源

2015-07-09 steve Kim

使用正確的位置

jQuery("#tab2-id").click(function(){ 
    jQuery("#tab2").load("/parts/tab2.php"); 
});

來源

2015-07-09 23:55:20 AmmarCSE

謝謝你的回覆。我按照建議添加了'/'，但是我收到一個錯誤，就是說找不到頁面，就好像'/ parts/tab2.php'是一個頁面一樣。（http://example.com/parts/tab2.php） –

@steveKim，你說這個文件位於'parts/tab2.php'中。「零件」是根路徑嗎？ – AmmarCSE

@steveKim，嘗試'jQuery（「＃tab2」）。load（「/ tab2.php」）;' – AmmarCSE

阿賈克斯標籤內容加載

回答

相關問題