JQuery将页面加载到div中并更新第二个div的内容

我有一个带有2个div的页面，其中一个称为菜单，另一个称为内容。内容div加载登录页面。当用户尝试登录时，我将脚本调用到content div中，如果不成功，它将重新加载登录页面。JQuery将页面加载到div中并更新第二个div的内容

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

这是我已经尝试登录页面，加载到内容div身体标记页具有

的onLoad = “$（ 'DIV＃菜单'）。负载（ '包括/登录菜单page.php文件'）”

来源

2013-03-20 Palm Int Srv

的函数的第二个参数是回调函数。你可以用它来验证它正确装入，然后编辑您的菜单元素：

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

来源

2013-03-20 22:59:20

嗨@Hanlet我似乎还没有能够得到它的工作。 – 2013-03-21 00:27:16

嗨@Hanlet我似乎还没有能够得到它的工作。带有菜单和内容div的登录页面会转到由jquery调用的单独脚本页面，以在数据库输入后检查数据库中的用户详细信息。如果mysql查询恢复正常，我使用php头位置重定向到正确加载到内容div的登录页面。我已经在登录页面上尝试了上面的内容，并且我得到了一个菜单被更改，但它是在菜单div中写入名称logging-menu-page而不是加载菜单:) – 2013-03-21 00:33:05

而不是通过动态加载内容jQuery，我建议你通过php动态加载你的内容。请记住，任何用户都可以查看此jQuery代码，并将其更改为使其加载实际页面而不是菜单。我希望我能更多地帮助你，但你的具体情况对我来说并不是很清楚。 – 2013-03-21 01:36:07

您需要更改您所呼叫的负荷函数项：

$('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有什么信息从你的问题

来源

2013-03-22 01:08:37 pathfinder

JQuery将页面加载到div中并更新第二个div的内容

回答

相关问题