Javascript jQuery双击带有聚合数据的事件显示弹出窗口？；

在jQuery中双击事件时，如何显示包含聚合数据的弹出窗口？我使用下面的代码获取聚合数据，每个

quessionId

都有许多相关的

原因。当我单击/选择问题ID按钮/事件时，单击选择问题ID并双击以删除/取消，当
OnClick
选择一个
questionId
时，相关原因将显示在问题ID下方，如果
双击
删除该
questionId
，相关原因将显示在“弹出窗口”中，如下图所示（用户可在5点后单击“确认”按钮）
秒，确认后，自动关闭弹出窗口）


下面是我在jQuery中的
.js
代码的部分代码，所有相关数据都可以通过下面的代码处理：

function fmtQuestionsByID(id,callback){
    if(!DATA.questions[id] || !$('#card_'+id) )return;
    var project = DATA.projects[DATA.questions[id].projectId];
    if(!project)return;
    
    var issueQuestionLists = DATA.alltags.reduce(function(a,b){
        if(a[b['quessionId']]) {
            a[b['quessionId']].push({name:b['name'],color:b['color'],description:b['description'],reason:b['reason'],question:b['question'],issueId:b['issueId'],department:b['department'],_id:b['quessionId']})
        } else{
            a[b['quessionId']] = [{name:b['name'],color:b['color'],description:b['description'],reason:b['reason'],question:b['question'],issueId:b['issueId'],department:b['department'],_id:b['quessionId']}]
        }
        return a;
    },{});
    var d = 0;
    for(var i=0;i < DATA.questions[id].tags.length;i++){
        var lid = DATA.questions[id].tags[i];

        for(var l in issueQuestionLists){
            var lb = issueQuestionLists[l]
            for(var c=0;c< lb.length;c++){
                var lc = lb[c];
                if(lc._id == lid){
                    d++;
                    var info = lc;
                    console.log('info', info);
                    $('.tags_question').append(d + '['+info.name+']' + info.description + '。' +  'Reason: '+info.reason+ '。' ||'[no data]' );
                }
            }

        }
    }
}

函数fmtQuestionsByID（id，回调）{
如果（！DATA.questions[id]| | |！$（“#card|”+id））返回；
var project=DATA.projects[DATA.questions[id].projectId]；
如果（！项目）返回；
var issueQuestionLists=DATA.alltags.reduce（函数（a，b）{
if（a[b['quessionId']]{
推送（{name:b['name']，color:b['color']，description:b['description']，reason:b['reason']，question:b['question']，issueId:b['issueId']，department:b['department']，id:b['question']）
}否则{
a[b['quessionId']=[{名称：b['name']，颜色：b['color']，描述：b['description']，原因：b['reason']，问题：b['quessionId']，问题id:b['IssuseId']，部门：b['department']，部门id:b['quessionId']
}
返回a；
},{});
var d=0；
对于（var i=0；i

下面的代码单击以选择，双击以删除

function _fmtQuetionTags(){
    fmtUsers( DATA.lastShowID ,function(html){
        html = '<span class="add_plus_pic question projectinfo_addquestion" title="" href="#" aria-label=""><i class="fa fa-plus"></i></span>' + html;
        $('#projectinfoUsers').html( html );

        $('#projectinfoUsers .js-question').attr('title','Double-click remove question').unbind().on('dblclick',function(){
            var id = $(this).data('id');
            doSubmitSetQuestion(DATA.questionid,DATA.lastID,id,function () {
            });
        });
    });
}

函数_fmtQuetionTags（）{
fmtUsers（DATA.lastShowID，函数（html）{
html=''+html；
$（'#projectinfo'）.html（html）；
$（'#projectinfo.js question'）.attr（'title'，'双击删除问题'）.unbind（）.on（'dblclick'，function（））{
var id=$（this.data（'id'）；
doSubmitSetQuestion（DATA.questionid，DATA.lastID，id，函数（）{
});
});
});
}

我使用下面的html来获取上面的数据

<div id="questioninfo">
    <span class="tags_question"></span>
</div>

根据您的描述，我创建了以下示例代码


$（函数（）{
$（“#显示警报”）。单击（函数（）{
$（“.alert.dialog”）.show（“fast”，函数（）{
setTimeout（函数（）{
$（“.alert.dialog按钮[禁用]”）.prop（“禁用”，false）；
}, 5000);
});
});
$（“.ok.btn”）。单击（函数（）{
$（this）.closest（.dialog”）.hide（“fast”，function（）{
$（.ok），this.prop（“disabled”，true）；
});
});
$（“.dialog li”）。单击（函数（）{
$（此）.removeClass（“已标记”）.addClass（“已选择”）；
}).dblclick（函数（）{
$（此）.removeClass（“选定”）.addClass（“标记”）；
})
});
.alert{
宽度：340px；
边框：1px实心#ccc；
边界半径：6px；
填充：0；
显示：无；
}
.头衔{
宽度：100%；
背景：#eee；
文本对齐：居中；
字体大小：粗体；
边框底部：1px实心#ccc；
填充顶部：6px；
垫底：6px；
}
.答复{
宽度：95%；
边缘顶部：10px；
左侧填充：6px；
}
.按钮组{
宽度：100%；
保证金：5px；
文本对齐：居中；
}
.按钮设置。默认设置{
字体大小：粗体；
}
.选定{
背景色：#FF0；
}
.标记{
背景色：#F00；
}

警觉的
警报1
这是警报描述

选择1

可以
根据您的描述，我创建了以下示例代码


$（函数（）{
$（“#显示警报”）。单击（函数（）{
$（“.alert.dialog”）.show（“fast”，函数（）{
setTimeout（函数（）{
$（“.alert.dialog按钮[禁用]”）.prop（“禁用”，false）；
}, 5000);
});
});
$（“.ok.btn”）。单击（函数（）{
$（this）.closest（.dialog”）.hide（“fast”，function（）{
$（.ok），this.prop（“disabled”，true）；
});
});
$（“.dialog li”）。单击（函数（）{
$（此）.removeClass（“已标记”）.addClass（“已选择”）；
}).dblclick（函数（）{
$（此）.removeClass（“选定”）.addClass（“标记”）；
})
});
.alert{
宽度：340px；
边框：1px实心#ccc；
边界半径：6px；
填充：0；
显示：无；
}
.头衔{
宽度：100%；
背景：#eee；
文本对齐：居中；
字体大小：粗体；
边框底部：1px实心#ccc；
填充顶部：6px；
垫底：6px；
}
.答复{
宽度：95%；
边缘顶部：10px；
左侧填充：6px；
}
.按钮组{
宽度：100%；
保证金：5px；
文本对齐：居中；
}
.按钮设置。默认设置{
字体大小：粗体；
}
.选定{
背景色：#FF0；
}
.标记{
背景色：#F00；
}

警觉的
警报1
这是警报描述

选择1

可以
您是在问如何监听双击吗？@Twisty您好，是的，如何让这些聚合数据显示在弹出窗口中，并且必须监听双击。现在，当选择或删除字段时，双击可以正常工作。我不确定我是否理解您当时需要的帮助。请提供一个最小的、可重复的示例：@Twisty这是一个风险警告弹出窗口。。。。我真的很努力地让我的问题变得清晰。你能提供一个你试图使用的弹出窗口的例子吗？我看不到你的
点击
o