动态双菜单

时间:2015-05-04 03:48:56

标签: javascript jquery

正在阅读的任何人。我在无法解决的情况下寻求帮助.... 我试着做一个双导航菜单 - 点击第一个导航菜单中的一个将加载块“top_menu” - 来自第二个菜单的选项;和第二个菜单上的选项将加载内容以阻止内容。

我在下一个函数中意识到的动态点击:

$(document).ready(function() {
    $('#link_from_first_menu').click(function () {
        $("#top_menu").load("first_option_from_second_menu.php");
        return false;
    });
});

所以,那个部分正在工作,我的意思是,我从第一个菜单完全加载了第二个菜单,但是当我有类似的功能从第二个菜单加载内容时它没有加载内容...

$('#link_from_second_menu').click(function () {
    $("#content").load("content_from_second_menu.html");
    return false;
});

所以结果,我有第一个菜单和第二个菜单,但无法从第二个加载内容。请帮我实现它,或者请其他变体来做。

1 个答案:

答案 0 :(得分:1)

好的,你可以尝试.on('点击')

$(document).on('click','#link_from_second_menu',function () {
    $("#content").load("content_from_second_menu.html");
    return false;
});

而不是

$('#link_from_second_menu').click(function () {
    $("#content").load("content_from_second_menu.html");
    return false;
});

我的回答可能会帮助你......并且在追加或加载

后,我总是习惯使用.on('点击')而不是.click()