阿贾克斯标签内容加载

所以，我有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

阿贾克斯标签内容加载

回答

相关问题