一个onclick事件不触发

eahaha 2017-08-22 07:30:31

在表格中有a标签，在表格加载完毕后点击时不执行点击事件。
奇怪的是，在加载页面时加上断点，再跳过，点击a标签就执行了。
这怎么回事啊！

[code=javascript]
$(document).ready(function() {
//加载表格
.......
//单独修改
$("a[id*='updateIntegrate_']").on('click', function() {
var objId = $(this).attr("id");
var Id = objId.replace("updateIntegrate_", "");
changeEntryTable(Id);
});
})

...全文

456 9 打赏收藏转发到动态举报

写回复

用AI写文章

9 条回复

切换为时间正序

请发表友善的回复…

发表回复

eahaha 2017-08-23

打赏
举报

引用 7 楼 showbo 的回复:

$("a[id*='updateIntegrate_']").on('click', function() { 这个是你原来的帖子。。

汗。。。我都引用了好不。

yuqiz1981 2017-08-23

打赏
举报

引用 3 楼 eahaha 的回复:

[quote=引用 2 楼 yuqiz1981 的回复:] $('body').on('click',"a[id*='updateIntegrate_']", function() { });

你这个是委托事件吧，平时没有用过，可为什么绑定事件不行呢，页面加载顺序是没有问题的啊！[/quote] 如果是动态加载的就需要这样写，要不然也绑定不到事件

斯洛文尼亚旅游 2017-08-23

打赏
举报

$("a[id*='updateIntegrate_']").on('click', function() { 这个是你原来的帖子。。

eahaha 2017-08-23

打赏
举报

引用 4 楼 yesornoiso 的回复:

[quote=引用 3 楼 eahaha 的回复:] [quote=引用 2 楼 yuqiz1981 的回复:] $('body').on('click',"a[id*='updateIntegrate_']", function() { });

你这个是委托事件吧，平时没有用过，可为什么绑定事件不行呢，页面加载顺序是没有问题的啊！[/quote] 页面dow结构加载完成，即绑定给元素绑定事件。这个时候表格数据还没有加载完成，“id*='updateIntegrate”是不存在的，所有事件绑定不了。 $('body').on('click',"a[id*='updateIntegrate_']", function() { }); 这是一个事件广播。给body元素绑定一个单击方法，点击它时，会将事件广播给a[id*='updateIntegrate_']元素。 [/quote] 先谢谢你的回答。这个我理解，

引用 5 楼 showbo 的回复:

[quote=引用 3 楼 eahaha 的回复:] [quote=引用 2 楼 yuqiz1981 的回复:] $('body').on('click',"a[id*='updateIntegrate_']", function() { });

你这个是委托事件吧，平时没有用过，可为什么绑定事件不行呢，页面加载顺序是没有问题的啊！[/quote]你这个不是委托，委托on有3个参数，自己好好看api Web开发学习资料推荐 asp json类库解析json字符串 javascript客户端图片预览[/quote] 这不正是三个参数么click,a[id*='updateIntegrate_'],function()....

斯洛文尼亚旅游 2017-08-23

打赏
举报

引用 3 楼 eahaha 的回复:

[quote=引用 2 楼 yuqiz1981 的回复:] $('body').on('click',"a[id*='updateIntegrate_']", function() { });

你这个是委托事件吧，平时没有用过，可为什么绑定事件不行呢，页面加载顺序是没有问题的啊！[/quote]你这个不是委托，委托on有3个参数，自己好好看api

Web开发学习资料推荐
asp json类库解析json字符串
javascript客户端图片预览

西阳楼望 2017-08-23

打赏
举报

引用 3 楼 eahaha 的回复:

[quote=引用 2 楼 yuqiz1981 的回复:] $('body').on('click',"a[id*='updateIntegrate_']", function() { });

eahaha 2017-08-23

打赏
举报

引用 2 楼 yuqiz1981 的回复:

$('body').on('click',"a[id*='updateIntegrate_']", function() { });

你这个是委托事件吧，平时没有用过，可为什么绑定事件不行呢，页面加载顺序是没有问题的啊！

yuqiz1981 2017-08-23

打赏
举报

$('body').on('click',"a[id*='updateIntegrate_']", function() { });

hongmei85 2017-08-22

打赏
举报

貌似正常没啥问题


<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8"/>
		<title> new document </title>
		<meta name="keywords" content=""/>
		<meta name="description" content=""/>
		<script type="text/javascript" src="jquery.min.js"></script>
		<script type="text/javascript">
		<!--
			$(document).ready(function(){
				 $("a[id*='updateIntegrate_']").on('click', function() {
    	var objId = $(this).attr("id");
var Id = objId.replace("updateIntegrate_", "");
    	changeEntryTable(Id);
});

			});

			function changeEntryTable(Id){
				alert(Id);
			}
		//-->
		</script>
	</head>

	<body>
	<a href="" id="updateIntegrate_1">dfsda</a >
	</body>
</html>