本文将为您提供关于javascript-jQuery将事件处理程序添加到已评估的元素的详细介绍，同时，我们还将为您提供关于javascript–jQuery.on()不绑定事件处理程序、javascr
本文将为您提供关于javascript-jQuery将事件处理程序添加到已评估的元素的详细介绍，同时，我们还将为您提供关于javascript – jQuery .on()不绑定事件处理程序、javascript – Jquery Datatables事件处理程序不支持分页、javascript – Jquery multiselect事件处理程序、javascript – jQuery onhide事件处理程序的实用信息。
本文目录一览：- javascript-jQuery将事件处理程序添加到已评估的元素
- javascript – jQuery .on()不绑定事件处理程序
- javascript – Jquery Datatables事件处理程序不支持分页
- javascript – Jquery multiselect事件处理程序
- javascript – jQuery onhide事件处理程序
javascript-jQuery将事件处理程序添加到已评估的元素
我有一个由JQuery动态生成的表,使用
this.html("<table><tr><td><div>Click Me</div></td></tr></table>");
在表格中,我有几个div(我的示例仅显示了一个div来简化内容),我想向其中添加click事件处理程序.我想保持html的干净,并尽我所能使用JQuery的功能,但是由于我正在做“评估”类型的事情,所以我不太清楚该怎么做.
我知道,我可以使用$(“ div [某些属性选择器]”).on(“ click”,{},clickHandler);;但对我而言,这是一个好主意吗？
解决方法:
您需要委托事件.为此,只需使用jQuerys on()方法,如下所示：
$(document.body).on('click', 'div', function( event ) {
// do something
});
参考：.delegate(),.on()
那是什么？几乎所有事件都发生了我们所谓的“泡沫”.这意味着,如果单击嵌套元素,则浏览器将查看该节点上是否有关联的单击事件处理程序.如果是这样,它将执行它们,然后还询问该元素的父级是否有任何单击事件处理程序.这一直持续到某个处理程序阻止事件进一步冒泡或我们到达document.documentElement(html).
因此,您应该将上述document.body更改为相对于您动态添加的元素最近的节点.
javascript – jQuery .on()不绑定事件处理程序
*编辑：正如许多人所指出的那样,“悬停”被删除,但我的问题也存在于其他处理者*
$('#tableBody tbody').on('hover','tr',function() {
alert('hovering on a row');
});
上面的代码与jQuery文档-http://api.jquery.com/on/完全相同,我尝试过其他变体,比如
$(document).on('hover','.tableRow',function(){...});
事件处理程序就是没有添加.
我应该注意,表的内容是通过AJAX检索然后显示的,这就是我使用.on()方法的原因.
解决方法
.on() documentation中“附加注释”中所述).相当于使用’mouseenter mouseleave’,或者如果你只想在鼠标进入相关元素时做某事,请尝试：
$('#tableBody tbody').on('mouseenter',function() {
请注意,#tableBody元素在运行时需要存在,因此您需要将其包含在文档就绪处理程序或正文末尾的脚本元素中.
并且id’tableBody’听起来像被分配给< tbody>当你的选择器还包含tbody作为#tableBody的孩子时,这是没有意义的.
javascript – Jquery Datatables事件处理程序不支持分页
我有最后一列的表是一个获取整个行数据的元素,
当我使用分页时,只有触发我的事件处理程序的第一页,第2 – 3 – 4页等等不会触发我的事件处理程序.
禁用分页时,所有记录都会触发我的事件处理程序.
下面是用于初始化的javascript和事件处理程序
var OTkaryawan = $('#table_karyawan').dataTable({ });
$(".select_row").click(function() {
// var row = $(this).closest('tr')[0];
// var aData = OTkaryawan.fnGetData(row);
// alert(aData[0]);
alert('A');
});
下面是我的表的html
atanPHP foreach ($master_karyawan as $key => $value): ?>
atan']; ?>PHP endforeach; ?>
下面是一个jsfiddle演示这种行为.
http://jsfiddle.net/stefenwiranata/3ZLth/
最佳答案
尝试使用.on()函数(如this)附加事件侦听器.
总结
以上是小编为你收集整理的javascript – Jquery Datatables事件处理程序不支持分页全部内容。
如果觉得小编网站内容还不错，欢迎将小编网站推荐给好友。
jQuery相关文章
Jquery属性选择器（同时匹配多个条件,与或非）（附样例）
1. 前言为了处理除了两项不符合条件外的选择，需要用到jquery选择器的多个条件匹配来处理，然后整理了一下相关的与或非的条件及其组合。作为笔记记录。2. 代码 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25
jquery的$().each,$.each 遍历对象和数组
原文链接 http://www.frontopen.com/1394.html在jquery中，遍历对象和数组，经常会用到$().each和$.each()，两个方法。两个方法是有区别的，从而这两个方法在针对不同的操作上，显示了各自的特点。$().each,对于这个方法，在dom处理上面用的较多。如果页面有多个input标签类型为checkbox，对于这时用$().each来处理多个checkbo...
[JQ权威指南]动画表格排序插件TableSort
转自：https://yq.aliyun.com/articles/20669 <!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script type="text/javascript" src="js/jquery-1.9.0.min.js"><
[JQ权威指南]使用JQuery调用XML实现无刷新即时聊天
HTML：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <title>使用JQuery调用XML
[JQ权威指南]类级别插件开发
(1)功能描述：新增两个类级别的全局函数，分别用于计算两数之和与两数之差，并将结果返回调用的页面中。 (2)JS/// <reference path="jquery-1.4.2-vsdoc.js"/>/// <reference path="jquery-1.4.2.js"/>/*--------------------------------------------------------
[JQ权威指南]validate验证插件
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <title>validate验证插件</tit
[JQ权威指南]SlideDown()与SlideUp()方法实现滑动效果
SildeDown()与slideUp()方法 body{font-size:13px} .divFrame{width:86px; border:solid 1px #666} .divFrame.divTitle{ padding:5px; background-color:#eee} .divFrame.divContent{padding:8px} .divFrame.div
[JQ权威指南]animate() 方法
定义和用法 animate() 方法执行 CSS 属性集的自定义动画。 该方法通过CSS样式将元素从一个状态改变为另一个状态。CSS属性值是逐渐改变的，这样就可以创建动画效果。 只有数字值可创建动画（比如 “margin:30px”）。字符串值无法创建动画（比如 “background-color:red”）。 注释：使用 “+=” 或 “-=” 来创建相对动画（relative anima
- • Jquery属性选择器（同时匹配多个条件,与
- • jquery的$().each,$.each 遍历对象和数
- • [JQ权威指南]动画表格排序插件TableSor
- • [JQ权威指南]使用JQuery调用XML实现无刷
- • [JQ权威指南]类级别插件开发
- • [JQ权威指南]validate验证插件
- • [JQ权威指南]SlideDown()与SlideUp()方
- • [JQ权威指南]animate() 方法
- • [JQ权威指南]对象级别插件的开发
- • [JQ权威指南]JQuery操作XML数据
HTMLreactjsCSSNode.jsangulartypescriptvue.jsreact-natispringkotlinAPIseleniumtensorflowbashangularJSexpressxcodematplotlibflaskHibernatedictionaryrailscocoswebnpmreact-hookmongoosegoogle-appformswpfRestwebpackunit-testihttpclassfileNext.jsJsHTML5bootstrap-
javascript – Jquery multiselect事件处理程序
所以基本上,如何在任何选择更改时触发事件？
解决方法
$('#mySelect').change(function(){
alert($(this).val());
});
javascript – jQuery onhide事件处理程序
在jQuery中,我使用.hide();隐藏了我的元素.
当我隐藏某些内容时是否会触发一个外部处理程序？你看,我的代码中有很多元素,我隐藏它们或者显示它们(使用jQuery)很多次.为了有效地控制事情,我希望为.hide()使用事件处理程序
有人能指出我正确的方向吗？
非常感谢！
解决方法:
您可以使用回调函数
$('#element').hide('slow', hideCallback);
$('#element').show('slow', showCallback);
function hideCallback()
{
// You can do your stuff here
}
function showCallback()
{
// You can do your stuff here
}
今天关于javascript-jQuery将事件处理程序添加到已评估的元素的讲解已经结束，谢谢您的阅读，如果想了解更多关于javascript – jQuery .on()不绑定事件处理程序、javascript – Jquery Datatables事件处理程序不支持分页、javascript – Jquery multiselect事件处理程序、javascript – jQuery onhide事件处理程序的相关知识，请在本站搜索。
本文标签：
![[转帖]Ubuntu 安装 Wine方法（ubuntu如何安装wine）](https://www.gvkun.com/zb_users/cache/thumbs/4c83df0e2303284d68480d1b1378581d-180-120-1.jpg)
