Ajax標簽內容加載

Question

因此，我有兩個選項卡，如下所示：

<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文件，也許我丟失了一些東西。 我將進行一些挖掘，找出為什么我會收到此錯誤，然后將找到的內容放入此處。 謝謝。

Answer 1

使用正確的位置

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