阿贾克斯标签内容加载
问题描述:
所以,我有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文件,也许我失去了一些东西。我会做一些挖掘,并找出为什么我得到这个错误,并把我在这里找到的东西。谢谢。
答
使用正确的位置
jQuery("#tab2-id").click(function(){
jQuery("#tab2").load("/parts/tab2.php");
});
谢谢你的回复。我按照建议添加了'/',但是我收到一个错误,就是说找不到页面,就好像'/ parts/tab2.php'是一个页面一样。 (http://example.com/parts/tab2.php) –
@steveKim,你说这个文件位于'parts/tab2.php'中。 “零件”是根路径吗? – AmmarCSE
@steveKim,尝试'jQuery(“#tab2”)。load(“/ tab2.php”);' – AmmarCSE