如何在引用的js中添加模态框

[ty_reed]

var sHtml = '';
sHtml += '<p class="status status1">可以上传</p>';
sHtml += '<p class="status status2">等待上传</p>';
sHtml += '<p class="status status3">上传中</p>';
sHtml += '<p class="status status4">上传失败</p>';
sHtml += '<p class="status status5">上传成功</p>';
var $html = '';
$html += '<li class="easy_upload_queue_item" data-index="' + file.index +'">';
$html += option.showPreview ? '<div class="easy_upload_preview queue_item-section">' + preview + '</div>' : '';
$html += '<div class="easy_upload_file1 queue_item-section">';
$html += '<p class="easy_upload_filename">'+ f.name +'</p>';
$html += '<p class="easy_upload_progress">';
$html += '<span class="easy_upload_bar"></span>';
$html += '</p>';
$html += '</div>';
$html += '<div class="easy_upload_file2 queue_item-section">';
$html += '<p class="easy_upload_fiesize">' + F.formatFileSize(f.size) +'</p>';
$html += '<p class="easy_upload_percent">0%</p>';
$html += '</div>';
$html += '<div class="easy_upload_status queue_item-section">';
$html += file.allow ? sHtml : '<p class="status status6">文件不允许</p>';
$html += '</div>';
$html += '<div class="easy_upload_btn queue_item-section">';
$html += file.allow ? '<p class="easy_upload_upbtn btn noselect">上传</p>' : '';
$html += '<p class="easy_upload_delbtn btn noselect">删除</p>';
$html += '</div>';
$html += '<div class="easy_upload_checkone queue_item-section">';
$html += option.multi ? '<i class="easyUploadIcon noselect queue_check queue_check_allow_'+ file.allow +'" data-checked="no" data-up="1"></i>' : '';
$html += '</div>';


想要点击红色标签的class弹出模态框怎么做？？？

由于是引用的jquery，列为动态添加的，不知道能不能处理

[天际的海浪]

对于动态添加的元素可以用委托事件的方式绑定事件

$(document).on("click", ".easy_upload_filename", function(event){
	//弹出模态框代码
});

[ty_reed]

不行，没有效果。我直接在html引用了，不起作用