我更喜欢使用选择器，并将其应用于文档。

这将自身绑定到文档上，并将适用于页面加载后呈现的元素。

例如：

$(document).on("click", 'selector', function() {
    // Your code here
});

注意元素所在的“MAIN”类，例如，

<div class="container">
     <ul class="select">
         <li> First</li>
         <li>Second</li>
    </ul>
</div>

在上述场景中，jQuery将监视的MAIN对象是“容器”。

然后，您将基本上在容器下具有元素名称，如ul、li和select：

$(document).ready(function(e) {
    $('.container').on( 'click',".select", function(e) {
        alert("CLICKED");
    });
 });

尝试使用.live（）代替.bind（）；在Ajax请求执行后，.live（）将把.holl绑定到您的复选框。

从jQuery 1.7开始，您应该使用jQuery.fn.on并填充选择器参数：

$(staticAncestors).on(eventName, dynamicChild, function() {});

说明：

这称为事件委派，其工作方式如下。事件附加到应该处理的元素的静态父级（staticAncestors）。此jQuery处理程序在每次事件触发此元素或子元素之一时都会触发。然后，处理程序检查触发事件的元素是否与选择器（dynamicChild）匹配。如果匹配，则执行自定义处理程序函数。

在此之前，建议使用live（）：

$(selector).live( eventName, function(){} );

然而，live（）在1.7中被弃用，而在1.9中被完全删除。live（）签名：

$(selector).live( eventName, function(){} );

…可以替换为以下on（）签名：

$(document).on( eventName, selector, function(){} );

例如，如果您的页面正在动态创建类名为dosomething的元素，那么您可以将事件绑定到已经存在的父级（这是问题的症结所在，您需要绑定到现有的元素，而不是绑定到动态内容），这可以是文档（也是最简单的选项）。尽管记住文档可能不是最有效的选择。

$(document).on('mouseover mouseout', '.dosomething', function(){
    // what you want to happen when mouseover and mouseout 
    // occurs on elements that match '.dosomething'
});

绑定事件时存在的任何父级都可以。例如

$('.buttons').on('click', 'button', function(){
    // do something here
});

将适用于

<div class="buttons">
    <!-- <button>s that are generated dynamically and added here -->
</div>

以下是动态创建的元素不响应点击的原因：

var body=$（“body”）；var btns=$（“按钮”）；var btnB=$（“<button>B</button>”）；//“＜button＞B＜/button＞”尚未在文档中。//因此，`$（“button”）`给出`[<button>A</button>]`。//只有“＜button＞A＜/button＞”才能获得单击侦听器。btns.on（“单击”，函数（）{console.log（此）；});//太迟了`<button>B</button>`。。。body.append（btnB）；<script src=“https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js“></script><button>A</button>

作为一种解决方法，您必须聆听所有单击并检查源元素：

var body=$（“body”）；var btnB=$（“<button>B</button>”）；var btnC=$（“＜button＞C＜/button＞”）；//聆听所有点击和//检查源元素//是“＜button＞＜/button＞”。body.on（“单击”，函数（ev）{如果（$（ev.target）.is（“按钮”））{console.log（ev.target）；}});//现在您可以添加任何数字//“＜button＞＜/button＞”。body.append（btnB）；body.append（btnC）；<script src=“https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js“></script><button>A</button>

这被称为“事件委派”。好消息，这是jQuery中的内置功能：-）

变量i=11；var body=$（“body”）；body.on（“单击”、“按钮”、函数（）{var letter=（i++）.toString（36）.toUpperCase（）；body.append（$（“＜button＞”+letter+“＜/button＞”））；});<script src=“https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js“></script><button>A</button>

绑定事件时存在的任何父级，如果页面使用类名按钮动态创建元素，则将事件绑定到已存在的父级

$（文档）.ready（函数）{//特定父级单击$（“.buttons”）.on（“click”，“button”，function（）{警报（“已单击”）；}); //按钮类上的动态事件绑定$（document）.on（“单击”，“.button”，函数（）{警报（“Dymamic Clicked”）；});$（“输入”）.addClass（“按钮”）；});<script src=“https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js“></script><div class=“buttons”><input-type=“button”value=“1”><按钮>2</按钮><input-type=“text”><button>3</button><input-type=“button”value=“5”></div><按钮>6</按钮>