0

我无法在 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

十亿提前感谢!!!

4

2 回答 2

0

如果要加载特定内容,则需要加载整个页面,您需要在 url 之后放置一个选择器,但您需要在它们之间留一个空格,而您却缺少该空格var loadStr = "load.php " + section;。我会重新考虑在.load()回调中添加处理程序。

我也在控制台中看到

Uncaught ReferenceError: showArea is not defined PageNavigation.js:312

于 2012-08-19T06:36:30.420 回答
0

您可以链接到同一页面的某个位置,如下所述:http: //www.w3schools.com/html/tryit.asp?filename=tryhtml_link_locations

所以如果你有一些问题,你可以尝试这种方式。在同一页面提供链接并调用该点击或关联您的标签点击功能以触发它。

于 2012-08-19T07:20:15.147 回答