javascript - jQuery 选择器 不能选择匿名函数里创建的jquery对象吗？

问题描述

问 题

 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>问卷截止日期 &nbsp <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()方法：

$(".con1 input[type=text]").on('keydown', function (e) {
      console.log(e.target)
      if(e.keyCode == 13) {
          console.log(e.keyCode)
          $(this).blur();
      }
  })

这篇关于javascript - jQuery 选择器 不能选择匿名函数里创建的jquery对象吗？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！