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时，我想在tab2.php中加载div id="tab2"。

我做错了什么？

修改

指出正确的位置语法后，我收到404错误，浏览器找不到http://example.com/parts/tab2.php。但tab2.php是一个简单的几个div文件，也许我错过了一些东西。我会做一些挖掘，找出为什么我得到这个错误，把我在这里找到的东西。感谢。

Answer 1

使用正确的位置

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

加载Ajax标签内容

1 个答案: