function init() {
$('.new_button').click(function () {
var $html = $(
'<div class="new_con">' +
' <div class="con con1"> ' +
' <input type="text" value="这里是标题" onclick="this.select()"/> ' +
'</div>' +
'<div class="con con2">' +
'<div class="add_qs">+ 添加问题</div>' +
'</div> ' +
'<div class="con3">' +
'<span>问卷截止日期   <input type="text" id="calendar" /> </span>' +
'<span class="btn sav_btn" >保存问卷</span>' +
'<span class="btn rel_btn">发布问卷</span>' +
'</div>' +
'</div>'
);
$('.con_bg').empty().append($html)
});
⑨
$(".con1 input[type=text]").keydown(function (e) {
console.log(e.target)
if(e.keyCode == 13) {
console.log(e.keyCode)
$(this).blur();
}
})
事实证明⑨这一段完全没有作用,但是如果不是访问里面的对象的话,比如$('body')却是可以做选择器来访问的。
讲道理的话,即便$html 是局部变量但是已经被添加进入了dom里面,应该可以访问啊?
问题出在这里:这个keydown事件在绑定时,.con1这个元素还不在DOM中。为了实现对页面第一次渲染完成之后被js动态生成的元素做事件绑定,要用jquery的on()方法: