在div中第二次加载相同内容时,在浏览器中出现ID问题

时间:2016-10-09 16:27:28

标签: javascript jquery

我正在创建一个网站,其中所有内容都加载到div名称内容中。我的菜单栏也被加载到div名称菜单中。

当我第二次点击同一链接时出现问题。所以例如我会第二次点击members.php,内容被加载到div中,但是我的一些函数没有像预期的那样工作,因为它们依赖于已设置的id。一个ID只能使用一次,所以当我第二次加载ID时,ID会起作用。我必须在再次加载内容之前删除它(这不是一个选项) - 因为有很多ID。

我将使用jquery将内容加载到div中。例如$(' #content')。load(' members.php');

但是第二次这样做时我的id不起作用(第一页加载的内容保持不变)是否有办法重新加载该div。

这也是正常行为吗?

1 个答案:

答案 0 :(得分:1)

你可以使用一个标志来定义这个内容是否先加载,每次调用加载函数时检查它是否加载,然后加载它,否则无需重新加载它。

//initialize members_loaded variable when your page start.
var members_loaded = false;
//then when you want to load data check for it, change it to true in your complete function (when ajax done)
if(!members_loaded){
    $( "#content" ).load( "members.php", function() {
        members_loaded = true;
    });
}