jQuery单击不适用于ajax生成的内容

我在用 $(".button").on("click", function(){ });

单击到容器上的按钮，但随后进行了ajax调用，并且内容用新内容进行了更新，然后当我尝试.button单击该按钮时，它将无法工作...当我单击该按钮时，什么也不会返回。

我什至试过

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

要么

$(".button").click(function(){ });

我该如何运作？

编辑： 我的HTML：

<div class="container">
   <ul>
       <li>item1</li>
       <li>item2</li>
       <li>item3</li>
   </ul>
   <input type="button" value="reload" class="button" />
</div>

应该以这种方式完成。

$('body').on('click', '.button', function (){
        alert('click!');
    });

如果您的容器在ajax请求期间没有更改，则性能更高：

$('.container').on('click', '.button', function (){
        alert('click!');
    });

始终将委托事件绑定到将包含动态元素的最接近的静态元素。

好的，因为我缺少一个参数，所以可以通过正确使用.on（）函数解决我的问题。

代替

$(".button").on("click", function() { } );

我用了

$(".container").on("click", ".button", function() { } );

代替：

$(".button").on("click", function() { } );

我用了：

$(".container").on("click", ".button", function() { } );

我已经用过了，而且有效。

这是您要做什么？请注意，我将$.on()放在父项上，但.button为操作选择。

.on（事件[，选择器] [，数据]，handler（eventObject））

选择器一个选择器字符串，用于过滤触发事件的所选元素的后代。如果选择器为null或省略，则事件在到达选定元素时始终被触发。

http://api.jquery.com/on/

<div id="stuff">
    <button class="button">Click me!</button>
    <p>Stuff</p>
</div>

var $stuff = $('#stuff'),
    ajaxContent = $stuff.html();

$stuff.on('click', '.button', function(){
    $.get('/echo/html/', function(){
        $stuff.empty();
        console.log($stuff.html());
        alert($stuff.html()); // Look behind, #stuff is empty.
        $stuff.html(ajaxContent);
        console.log($stuff.html());
    });
});

http://jsfiddle.net/62uSU/1

另一个示范：

var $stuff = $('#stuff'),
    ajaxContent = $stuff.html(),
    $ajaxContent,
    colors = ['blue','green','red'],
    color = 0;

$stuff.on('click', '.button', function(){
    $.get('/echo/html/', function(){
        color++;
        if (color == colors.length) color = 0;
        console.log($stuff.html());
        alert($stuff.html());
        $ajaxContent = $(ajaxContent);
        $stuff.append($ajaxContent).css('color', colors[color]);
        console.log($stuff.html());
    });
});

http://jsfiddle.net/62uSU/2/