苹果操作系统下chrome浏览器后台拼接的html绑定事件失效

雨落星辰又何年 发布于 2016/06/20 19:27
阅读 338
收藏 0
function getNewDivdom() {
	var $thisselect = $('<select name="articleidlist' + flag + '" id="om' + flag + '" class="form-control form-filter input-sm"><option value="1">选择</option>' + $Select + '</select>');
	
	$("#addDivDom").append('<div class="mainnewdiv" id="newdivdom' + flag + '" style="border-top: 1px solid #e5e5e5;">' +
		'<div class="form-group"><h4>章节</h4>').append($thisselect).append('</div>' +
		'<div class="form-group"><h4>上架时间</h4><p class="text-info"><div class="input-group date form_time_only">' +
		'<input type="text" size="16" class="form-control" readonly="" name="om' + flag + 'time" id="om' + flag + 'time" placeholder="上架时间">' +
		'<span class="input-group-btn"><button class="btn default date-reset" type="button"><i class="fa fa-times"></i></button>' +
		'<button class="btn  default date-set " type="button"><i class="fa fa-calendar"></i></button></span></div></div>' +
		'<input type="hidden" id="om' + flag + 'articleid" name="articleid" value="">' +
		'<div class="form-group"><h4>章节状态</h4><p class="text-info"><span id="om' + flag + 'span"> </span></p></div><div class="form-group" style="text-align: right;"><button type="button" class="btn btn-default close_btnThis" name="delete" id="dom' + flag + '">删除</button></div></div>');

	
	$thisselect.on("click",function(){
		//这里在苹果系统下chrome浏览器绑定事件失败
	
	});

	
}

如上所示,拼接的代码,想取到select的点击事件,这个方法在点击一个新增按钮的时候执行,但是在苹果系统下的chrome浏览器失效。不知道为什么,求教各位大神


加载中
0
张亦俊
张亦俊

这个应该是由于你append $thisselect之后,jQuery会直接append内容而不是对象

解决方法是你append之后用$("#addDivDom").find('select[name=...]').on('click', ...)重新取一遍

顺便@我只是一只小小鸟 这个例子是一个典型的jQuery和原生DOM API之间的差异问题,了解原生API可以帮助人更加正确的使用jQuery。

雨落星辰又何年
雨落星辰又何年
多谢,我原来绑定事件是 $("#addDivDom").find('option').bind('click',function(){}) 这样绑定的,在火狐下没问题,在google浏览器下无响应,后来修改成问题中那样,在windows浏览器兼容没问题,在苹果系统下火狐没问题,google和safari无响应。。。。。。好无奈 现在把两种绑定事件都写在代码里,在苹果系统下,只有火狐可以
0
就是个精虫上脑的地方
就是个精虫上脑的地方
推荐用delegate做事件绑定,可以给新增加的dom绑定事件。 
就是个精虫上脑的地方
就是个精虫上脑的地方
回复 @雨落星辰又何年 : 我以前经常这么做 事件绑定放在ready里看看
雨落星辰又何年
雨落星辰又何年
还是不行
0
雨落星辰又何年
雨落星辰又何年
回答下解决这个问题的方法,绑定click失败,绑定了change方法。。。。。成功
返回顶部
顶部