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");
});