创建对象时，可以将事件添加到对象中。如果您在不同的时间向多个对象添加相同的事件，那么创建命名函数可能是一种方法。

var mouseOverHandler = function() {
    // Do stuff
};
var mouseOutHandler = function () {
    // Do stuff
};

$(function() {
    // On the document load, apply to existing elements
    $('select').hover(mouseOverHandler, mouseOutHandler);
});

// This next part would be in the callback from your Ajax call
$("<select></select>")
    .append( /* Your <option>s */ )
    .hover(mouseOverHandler, mouseOutHandler)
    .appendTo( /* Wherever you need the select box */ )
;

将事件绑定到已存在的父级：

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

这样试试-

$(document).on( 'click', '.click-activity', function () { ... });

当使用jQuery（html，属性）动态创建时，可以将事件附加到元素。

从jQuery1.8开始，任何jQuery实例方法（jQuery.fn的方法）都可以用作传递给第二个参数：

函数handleDynamicElementEvent（事件）{console.log（事件类型，此值）}//创建事件并将其附加到动态元素jQuery（“<select>”{html:$.map（数组（3），函数（_，索引）{返回新选项（索引，索引）}),日期：{更改：handleDynamicElementEvent}}).appendTo（“正文”）；<script src=“https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

创建对象时，可以将事件添加到对象中。如果您在不同的时间向多个对象添加相同的事件，那么创建命名函数可能是一种方法。

var mouseOverHandler = function() {
    // Do stuff
};
var mouseOutHandler = function () {
    // Do stuff
};

$(function() {
    // On the document load, apply to existing elements
    $('select').hover(mouseOverHandler, mouseOutHandler);
});

// This next part would be in the callback from your Ajax call
$("<select></select>")
    .append( /* Your <option>s */ )
    .hover(mouseOverHandler, mouseOutHandler)
    .appendTo( /* Wherever you need the select box */ )
;

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

$（文档）.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</按钮>