javascript - Jquery 事件未触发在 javascript 中使用 innerHTML 创建的按钮

标签 javascript jquery

<分区>

我在网上搜索但无法完成这项工作..

我在 js.file 中创建了一个对话框。在这个 js 中,我有一个创建按钮的函数,但是带有 innerHTML...

    var divButtons = document.getElementById('buttons_insert1');    
    var buttons_insert = "<button id='okcad' class='button_ok' value='' > <img src='/php/Images/OK.png' alt='OK' /> OK </button>";
    divButtons.innerHTML = divButtons.innerHTML + buttons_insert;

在 index.html 中我有一个 jquery 函数来获取点击事件。

$("#okcad1").click(function() 
{
   alert('hello world');
}

但这不起作用..事件不会触发...

有人可以帮助我吗?

问候!

拉斐尔 S.

最佳答案

使用事件委托(delegate)

$(document).on("click" , "#buttons_insert1 #okcad1" , function() 
{
   alert('hello world');
});

关于javascript - Jquery 事件未触发在 javascript 中使用 innerHTML 创建的按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27316843/

相关文章:

javascript - 将元素随机放置在一个圆圈中

javascript - 如何测试 Angular 中嵌入的内容?

javascript - 使用 Ajax 发布数据

javascript - 关于在同一 View 中构造和渲染不同对象的建议

javascript - Phaser框架中如何实现长按按键加速

javascript - jQuery 从 iframe 弹出图像

javascript - 为什么在执行 ajax 请求时我的页面会锁定?

javascript - while 循环内的 Ajax 调用

javascript - MailChimp AJAX API 未调用 API

javascript - 如何获得 JavaScript 警报?