无法从 jquery 中的外部文件调用特定内容
Unable to call specific content from an external file inside jquery
我无法使用 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
因此,如果您遇到一些问题,可以尝试这种方式。在同一页面上给予链接并调用该单击或关联您的选项卡单击函数以触发它。
相关文章:
- 如何使用javascript调用Php文件
- 从HTML调用typescript文件中的函数
- 在ES6中,模块将导致多个网络调用,因为两个模块不能在单个文件中定义
- Ajax调用返回当前html页面,而不是请求的文件
- 如何调用extern.js文件中的函数
- 是否可以从html中的javascript调用.vbs文件
- jQueryAjax调用在单独的.js文件中不起作用
- 什么's使用脚本标记调用文件和ajax之间的区别
- 包含的文件中引发引用错误..除非调用文件包含慢速代码
- Grunt-获取当前调用文件夹,而不是gruntfile当前文件夹
- 在 html 中使用 PHP 来调用文件
- 从 html 页面调用文件 jQuery 文件
- 从本地机器调用文件作为web服务Javascript
- MVC ActionResult调用文件下载时mouseup上的图像损坏
- 在html中单击锚点时调用文件下载servlet
- 使用AJAX从从JQuery调用的文件中调用文件
- 如何在javascript/jquery中定期调用文件
- 允许AJAX调用文件中的javascript
- 如何用c#手动调用文件上传控件的onchange事件
- 如何在rails中调用文件(xyz.js.erb)中的Java脚本函数