关于append标签后，点击事件不可用的解决方法

今天写前端，用了append追加了一个含点击事件的文本框后，点击事件没反应。

append的代码：

var times = '<div class="row cl">\n' +
			'\t\t\t\t\t<label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>开始时间</label>\n' +
			'\t\t\t\t\t<div class="formControls col-xs-4 col-sm-2">\n' +
			'\t\t\t\t\t\t<input type="text" class="input-text" placeholder="" name="startTime" readonly="true"/>\n' +
			'\t\t\t\t\t</div>\n' +
			'\t\t\t\t\t<label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>截止时间</label>\n' +
			'\t\t\t\t\t<div class="formControls col-xs-4 col-sm-2">\n' +
			'\t\t\t\t\t\t<input type="text" class="input-text" placeholder="" name="endTime" readonly="true"/>\n' +
			'\t\t\t\t\t</div>\n' +
			'\t\t\t\t</div>';
	$('.times').append(times);

之前事件我是这么写的：

$(".input-text").bind('click',function(event){
	console.log("1243");
	timePacker($(this),event)});

改成使用on方法后，成功点击

$(".times").on('click', '.input-text', function(event){
	console.log("1243");
	timePacker($(this),event)});