我有一个应用程序，有'guest'和'user'内容。我构建了一个menuIn.html和一个menuOut.html(用于登录/退出)，并以以下方式从我的MainPage.php的html中调用它们。(建议来自:PHP更简单的方式来隐藏/显示菜单项登录/注销用户)
include ('includes/header.html');
if (isset($_SESSION['user_id'])) {
include('menuIn.html');
}else{
include('menuOut.html');
}
点击后，menuIn.html中的链接调用一个jQuery脚本，该脚本在SelectedPage.php的html部分中放置一个div。总的来说，我的目标是只从菜单中更改SelectedPage的div。以下是我的尝试和参考。在所有SelectedPage.php代码:AboutUs.php:接收div是:
<div id="target1"></div> // On AboutUs.php
<div id="target2"></div> // On FAQs.php etc.
menu .html代码:
<li><a href="About.php" class="ajaxtrigger1">Contact</a></li>
<li><a href="FAQs.php" class="ajaxtrigger2">Contact</a></li>
jQuery调用number1 call1.js:
$('.ajaxtrigger1').click(function(){
var url = $(this).attr('href');
$('#target1').load(url);
return false;
});
加载到不同div的文件是Add1.html, Add2.html, Add3.html:
"Hello World1, Hello world2,3等"
所有文件存储在同一个目录中，jQuery.js和call1.js, call2.js等在头部被引用。我已经得到了它的工作，如果菜单不是在一个包含('file.html')，但我没有菜单显示链接登录/退出用户的可能性。
研究:- http://jsfiddle.net/dhirajbodicherla/bNx4g/2/(这看起来很接近，但评论不好) 如何使用Jquery load()从外部页面加载一个按钮到div内容
- 如何加载一个html页面到一个DIV通过点击菜单中的一个Li ?
我愿意接受任何建议，包括完全重写。请重新阅读我的总体目标和所有的帮助是感激的。谢谢你。
找到我的错误。对call1.js的引用需要在body标签中(我现在已经将其放在底部body标签中)，而不是在head标签中。在那里工作，但不是在头标签!谢谢你的帮助。
<body>
General code....then
<script src="call1.js"></script>
<script src="call2.js"></script>
<script src="call3.js"></script>
</body>
为什么使用javascript。而不是javascript，只是使用iframes。像这样。
<iframe name="iframe_a"></iframe>
<iframe name="iframe_b"></iframe>
<li><a href="About.php" target="iframe_a">Contact</a></li>
<li><a href="FAQs.php" target="iframe_b">Contact</a></li>
通过这种方式，您可以轻松地在单个页面上显示不同页面的数据