当ajax被触发时，jQuery函数无法正常工作

Question

我有一个navigation.js文件，一旦发出ajax请求就无法正常工作。

以下是提到的navigation.js。

$(document).ready(function(){

$('#navigation li.active').addClass('open').children('ul').show();
$('#navigation li.has-sub>a').on('click', function(){
    $(this).removeAttr('href');
    var element = $(this).parent('li');
    if (element.hasClass('open')) {
        element.removeClass('open');
        element.find('li').removeClass('open');
        element.find('ul').slideUp(200);
    }
    else {
        element.addClass('open');
        element.children('ul').slideDown(200);
        element.siblings('li').children('ul').slideUp(200);
        element.siblings('li').removeClass('open');
        element.siblings('li').find('li').removeClass('open');
        element.siblings('li').find('ul').slideUp(200);
    }
});
});

上述功能正常工作，除非触发了下面提到的功能。

$(document).ready(function(){
    $('.navsub').click(function(e) {
            e.preventDefault();
            var page = $(this).attr('href');
            if (page=='#')
                return false;
            else
            //alert("working");
            $('#content_contain').load(page);
        });
});

重要我正在使用nodejs和jade