我创建了一个div,当单击该div时,会弹出一个消息框,其中包含“是”和“否”按钮。

 var Abutton = document.createElement("div");
                Abutton.className = "Abutton";
                Abutton.onclick = function () {
                    new Messi(
                        'Are you sure you want to close your job?',
                        {
                            title: 'Are you sure?',
                            buttons: [
                                {id: 0, label: 'Yes', val:'Y' , class: 'deleteJob'},
                                {id: 1, label: 'No', val: 'N', class: 'cancelAction'}

                            ]
                        }
                    );
                };
                Abutton.title = "Closed?";
                Abutton.appendChild(document.createTextNode("Close Job"));
                li.appendChild(Abutton);

下面的“是”按钮与此功能相关。 但是当我单击时,什么也没有发生。 日志语句也未显示。

  $(".deleteJob").click(function(){
           deleteJob();
           console.log("heelo");
    });

为什么不起作用?

#1楼 票数:0

不确定仅基于此代码,但deleteJob按钮是动态添加的,在添加click事件时可能不存在。 您可能应该在父元素上使用事件委托。 根据您的代码,这就是li元素。 如果它是<ul>一部分,则可以像下面这样放置click事件:

$(function(){
  $('ul').on('click','.deleteJob', function(){
    deleteJob();
    console.log('hello');
  });
});

同样,不能100%确定没有看到其余代码。 但是无论哪种方式,事件委托都是要走的路。

  ask by minjiera translate from so

未解决问题?本站智能推荐:

4回复

未检测到 Flask 按钮

我的按钮点击检测器有什么问题? 这是按钮
2回复

未检测到jQuery按钮单击

情况与实现 我正在实现WP插件,并且必须在wp数据库中插入新帖子。 因此,我创建了一个单击按钮buttonCreateInv时显示的表单。 我使用jQuery, 它确实可以工作 。 它确实在函数display_form_inventaire中显示我的表单: 问题
4回复

CSS / Javascript-按钮和链接未检测到悬停或单击? 即使Z指数最高?

我已经得出结论,这个奇怪的问题与z索引无关-我首先将此作为a href,现在有了一个按钮,但是两者都存在鼠标悬停和未检测到鼠标单击的相同问题。 完全没有 我在这里回显html: 然后是我尝试检测悬停的CSS(背景颜色没有变化): 然后我的javascript func没有
1回复

getUserMedia.js未检测到相机

我目前希望使用getUserMedia(HTML5)工具来创建可访问网络摄像头的网站。 该工具在这里找到。 它应该使用HTML5来获取网络摄像头访问权限,但对于不支持的浏览器具有Flash备用功能。 但是,当我下载它并在计算机上本地打开演示时,出现错误:“ JavaScript警告:没有可
2回复

JS / JQuery:在HTML Canvas上未检测到按键

在我的网页中,我试图在画布上按下任何键时触发警报。 但是,在画布中按下一个键时不会触发任何事件。 以下是我的HTML,CSS和JavaScript / JQuery代码。 HTML : CSS : JavaScript / jQuery :
2回复

Bootstrap Modal未检测到称为按钮的ajax

我已经为这个问题解决了4个小时,因此决定在这里寻求帮助。 非常感谢帮助 在页面上我建立了带有信息和按钮的表格。 这些按钮从引导程序启动模式,使用户可以编辑表信息。 当用户完成编辑后,模态将关闭,并使用ajax更新表。 所有操作均按预期进行,直到由ajax更新表为止。 更新表上的按
1回复

单击时,JQuery未检测到我的DOM对象[重复]

这个问题已经在这里有了答案 : 为什么jQuery或诸如getElementById之类的DOM方法找不到元素? (8个答案) 5年前关闭。
1回复

动态表中未检测到 JQuery/Javascript 单击事件

我查看了几个已回答的问题,并尝试为我的问题实施解决方案。 我有一个在 javascript 中动态生成的表,然后我需要在每一行的一列中单击事件。 我尝试了以下方法: Wehre delInt 是每行单元格上的一个类。 当我运行它并观察控制台时,根本没有检测到单击事件。 我确定我做错了什么