加载一个页面到一个div和onload改变第二个div的内容

Question

我有一个有2个div的页面，一个叫做菜单，另一个叫做内容。contentdiv加载一个登录页面。当用户尝试登录时，我在contentdiv中调用一个脚本，如果不成功，它会重新加载登录页面。

如果成功，我使用标题位置重定向到登录页面。当这个页面在内容div中加载时，我需要它将菜单div更改为不同的菜单。我试过使用以下方法，但无济于事。有没有办法，当页面成功加载到内容div时，它可以自动改变菜单的内容div

这是我在登录页面中尝试的内容它被加载到contentdiv中该页面的body标签有

onLoad = " $ ('div#菜单').load(包括/logged-menu-page.php)"

Answer 1

.load()函数的第二个参数是回调函数。您可以使用这个来验证它是否正确加载，然后编辑您的菜单元素:

$('#result').load('Includes/logged-menu-page.php', function() {
  if(loaded_correctly)
      $("div#menu").html("OtherMenu");
  else
      $("div#menu").html("LoginMenu");
});

Answer 2

您需要更改在哪个项目上调用load函数:

$('div#menu').load('Includes/logged-menu-page.php')

应该

$('div#content').load(function() {
 // load your stuff to your menu div
 // you would probably need to make an ajax call or something here
});

我认为这是你想做的，但我不确定你在logged-menu-page.php中有什么信息从你的问题