使用Ajax加载页面部分时脚本的问题

时间:2011-06-23 16:25:29

标签: javascript jquery ajax

我正在加载页面的部分内容,如下所述: Spring MVC - Open new page without reload。问题是在页面开头执行的脚本不适用于加载的html,因为当脚本被执行时,没有加载html内容。

有问题的第一个脚本是:

    $(document).ready(function() {
        $('#coclevel1').change(getLevel2);
        $('#coclevel2').change(getCocItems);
        ...
    });

coclevel1和coclevel2是html选择。

第二个脚本是来自thishere脚本。

我正在使用Freemarker和JQuery开发Spring MVC 3.0 Web应用程序。

如何将脚本应用于加载的html?

1 个答案:

答案 0 :(得分:1)

调用.change()只会将处理程序附加到当前元素。使用.live()会将处理程序绑定到所有当前和未来的元素。

$(document).ready(function() {
    $('#coclevel1').live('change', function(){getLevel2});
    $('#coclevel2').live('change', function(){getCocItems});
    ...
});

http://api.jquery.com/live/