Question

我在.load中遇到了一些问题：

我的网站使用这行代码切换按钮：

$('.button').click(function(){
// my button function
});

我写了一些小的ajax调用来加载div而不重新加载，但是没有设置按钮动作：

$("#ajax-load").load('/ #content',function(){
    $('#ajax-load .button').click(function(){
    // my button function
    });
});

这不起作用，内容显示正确，但JS功能在刷新的内容中没有。

任何想法？

Answer 1

请改为尝试：

$('#ajax-load').on('click','.button',function(){
    // my button function
});

Answer 2

您是否尝试过使用jQuery.live？ live会将操作与选择器的所有现有和将来匹配关联起来。所以如果你有：

$('.button').live('click', function(){ });

这应该适用于现有的.button元素和未来的元素。

在jQuery 1.7中

编辑，您应该使用jQuery.on而不是live。

Answer 3

如果你使用jQuery＆lt; 1.7使用.delegate()否则使用.on()。