Question

我无法使用DIV容器中的jquery加载位于外部html文件内的特定内容：/

请访问链接：http://www.flyingcowproduction.com/123，以便通过按主菜单中的任何按钮更好地了解我遇到的问题。每个按钮应显示分配给它的内容，但load.php文件中的整个内容显示在容器内

有谁知道问题是什么？我还提供了菜单，javascript和加载器页面链接的代码（查看源代码）。

MENU：

<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")        
    });

});

}

LOADER：

http://www.flyingcowproduction.com/123/load.php

Billion提前感谢!!!

Answer 1

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

我也在控制台中看到

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

Answer 2

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

所以，如果你遇到一些问题，你可以尝试这种方式。指定链接到同一页面并调用该单击或关联选项卡单击功能以将其激活。

无法从jquery中的外部文件调用特定内容

2 个答案: