一个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] 如果是动态加载的就需要这样写,要不然也绑定不到事件
  • 打赏
  • 举报
回复
$("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()....
  • 打赏
  • 举报
回复
引用 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() { });
你这个是委托事件吧,平时没有用过,可为什么绑定事件不行呢, 页面加载顺序是没有问题的 啊![/quote] 页面dow结构加载完成,即绑定给元素绑定事件。这个时候表格数据还没有加载完成,“id*='updateIntegrate”是不存在的,所有事件绑定不了。 $('body').on('click',"a[id*='updateIntegrate_']", function() { }); 这是一个事件广播。给body元素绑定一个单击方法,点击它时,会将事件广播给a[id*='updateIntegrate_']元素。
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>

87,993

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧