Question

我的应用程序包含了＃guest;和＆＃39;用户＆＃39;内容。我构建了一个menuIn.html和一个menuOut.html（用于登录/退出），并通过以下方式从我的MainPage.php的html中调用它们。（建议来自：PHP easier way to hide/show menu items to logged in / logged out users）

include ('includes/header.html');
if (isset($_SESSION['user_id'])) { 
include('menuIn.html');
}else{
include('menuOut.html');
}

单击时，menuIn.html中的链接会调用一个jQuery脚本，该脚本将div放在SelectedPage.php的html部分中。我的整体尝试旨在仅从菜单中更改SelectedPage的div。这是我的尝试和参考。在所有SelectedPage.php ie：AboutUs.php：接收div的代码是：

<div id="target1"></div> // On AboutUs.php
<div id="target2"></div> // On FAQs.php etc.

menuIn.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：

＆＃34; Hello World1，Hello World2,3等。＆＃34;

所有文件都存储在同一目录中，jQuery.js和call1.js，call2.js等在头部引用。如果菜单不在include（＆＃39; file.html＆＃39;）中，我就可以使用它了但是我没有为登录/注销用户提供菜单显示链接的可能性

研究之：

http://jsfiddle.net/dhirajbodicherla/bNx4g/2/（这似乎很接近但评论很差）
How to load a button from external page into a div content using Jquery load()
How to load a HTML-page into a DIV by clicking a Li inside a menu?

我愿意接受任何建议，包括完全重写。请重新阅读我的总体目标，所有的帮助表示赞赏。谢谢。

Answer 1

发现我的错误。对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>

Answer 2

为什么你使用javascript.Instead of javascript只需使用iframes.Like这个。

<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>

通过这种方式，您可以在一个页面上轻松显示不同页面的数据。

如何通过点击＆＃39; include（＆＃39; menu.html＆＃39;）中的菜单内的Li来将HTML页面加载到DIV中。

2 个答案: