代码之家 › 专栏 › 技术社区 › Sireini

将更改事件绑定到输入[重复]

jquery

-1

Sireini · 技术社区 · 6 年前

这个问题已经有了答案:

Event binding on dynamically created elements? 23个答案

我试图做的是将onchange事件绑定到一个未附加的元素。但我就是这么想的:

  var $container = rule.$el.find('.rule-value-container');
  var html = `<input class="form-control" type="number" name="${ name }_0" step="any" min="0">`;

  console.log($(html));
  $(html).on('change', function(e) {
    console.log('test', e);
  })

  $container.html('');
  $container.append(html);
}

但这不起作用,我如何将on-change事件绑定到一个尚未附加的元素?

1 回复 | 直到 6 年前

Zenoo 6 年前

您需要将jquery对象直接存储在变量中,并将事件处理程序附加到它,而不是附加到html:

var $container = $('.test');
let input = $(`<input class="form-control" type="number" name="test" step="any" min="0">`);

input.on('change', function(e){
    console.log('test');
});

$container.html('');
$container.append(input);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="test"></div>

推荐文章

Newbie_Coder · 如何使用Jquery无画布裁剪框架

1 年前

usman610 · Javascript代码在点击回车键和点击按钮时删除行

1 年前

NovoMannen · 导航中的下拉菜单在内容后面重叠

1 年前

Carly · 在页面加载时滑入div,然后单击以滑入和滑出(jQuery)

1 年前

Community wiki · jquery弹出窗口不会用按键关闭,但会点击

1 年前

Community wiki · Smarty IE9请求下载index.php文件(在上传未发生后)?是我的代码出错还是activecollab?

1 年前

Community wiki · 无法从jquery文档调用函数

1 年前

marzouk najib · Uncaught ReferenceError:未定义FullCalendar

2 年前

Pepe · 检查“data”属性是否包含输入值的一部分(jQuery)

2 年前

laurence keith albano · 如何使用Jquery在父类内添加子父类

2 年前