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

Unable to call specific content from an external file inside jquery

本文关键字:调用 文件 外部 jquery      更新时间:2023-09-26

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

请访问链接:http://www.flyingcowproduction.com/123 通过按主菜单的任何按钮更好地了解我遇到的问题。每个按钮都应显示分配给它的内容,而是加载.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

亿提前感谢!!

如果要

加载特定内容,则需要在URL之后放置一个选择器,但是它们之间需要一个空格,而这在它们之间var loadStr = "load.php " + section;缺失。我会重新考虑在.load()回调中添加处理程序。

我也在控制台中看到

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

您可以

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

因此,如果您遇到一些问题,可以尝试这种方式。在同一页面上给予链接并调用该单击或关联您的选项卡单击函数以触发它。