我无法在 DIV 容器中使用 jquery 加载位于外部 html 文件中的特定内容:/
请访问链接:http ://www.flyingcowproduction.com/123 ,以便通过按主菜单的任何按钮更好地了解我遇到的问题。每个按钮都应该显示分配给它的内容,但是 load.php 文件中的全部内容都显示在容器中
有谁知道问题是什么?我还提供了菜单代码、javascript 和加载器页面的链接(查看源代码)。
菜单:
<ul id="menu">
<li><a href="home" class="openContentLink"><img src="img/menu/logo.png" alt="Platinum Limo Services" /></a>
<li><a id="services1" href="#Services" class="services openContentLink"></a></li>
<li><a id="rates1" href="#Rates" class="rates openContentLink"></a></li>
<li><a id="reservations1" href="#Reservations" class="reservations openContentLink"></a></li>
<li><a id="fleet1" href="#Fleet" class="fleet openContentLink"></a></li>
</ul>
JAVASCRIPT:
function loadPostUsingAjax(section) {
loading('on');
var loadStr = "load.php" + section;
$('#singleContentInside').load(loadStr, function(){
loading('off');
$("#services1").click(function() {
loadPostUsingAjax("#services")
});
$("#services2").click(function() {
loadPostUsingAjax("#services")
});
$("#rates1").click(function() {
loadPostUsingAjax("#rates")
});
$("#rates2").click(function() {
loadPostUsingAjax("#rates")
});
$("#reservations1").click(function() {
loadPostUsingAjax("#reservations")
});
$("#reservations2").click(function() {
loadPostUsingAjax("#reservations")
});
$("#fleet1").click(function() {
loadPostUsingAjax("#fleets")
});
$("#fleet2").click(function() {
loadPostUsingAjax("#fleets")
});
});
}
装载机:
http://www.flyingcowproduction.com/123/load.php
十亿提前感谢!!!