Javascript 单击按钮时datatables中的事件处理（图像打开的次数）

我正在开发一个使用datatables的程序，该程序使用查询和添加两个按钮动态加载数据。它工作得很好。 当我单击第一个按钮时，一个图像在模式中打开。当我点击同一个按钮时，图像会打开两次。当我点击同一按钮的次数图像背靠背打开的次数时，此过程将继续。 我的

php

代码如下：

地区分类表TP方案详情
高级识别码
名称
地区
城市
按钮
重新使用
重新使用

在javascript过程中，我首先检查图像是否存在于给定的源中，若它存在，那个么相应的图像将在模式中打开，而图像不存在，那个么默认图像将在模式中加载。 我的问题是，当我点击同一个按钮时，图像应该只打开一次

我是怎么做到的

我的

javascript

代码如下

theTable=$（'#dtble'）。数据表({
“分页”：正确，
“长度变化”：没错，
“搜索”：没错，
“命令”：错误，
“信息”：正确，
“自动宽度”：真
});
函数funct（值）{
var id1=$（value）.attr（'id'）；
变量idname=$（值）.attr（'name'）；
$（'#dtble tbody'）。在（'click'，'button'，function（）上{
var data=theTable.api（）.row（$（this.parents（'tr'））.data（）；
变量名称=数据[1]；
变量id=数据[0]；
如果（id1='sub'&&idname=='redirect'）{
$.ajax({
类型：“POST”，
url:“../select/get_id.php”，
数据：“名称=”+名称，
成功：功能（数据1）{
//警报（数据1）；
window.location='../index_new.php？var='+data1+'&name='+name；
}
});
}
如果（idname==“btn”+名称和id1==id）{
var image_url=“../photo/”+name+“.JPG”；
$.get（图像\u url）
.done（函数（）{
BootstrapDialog.show({
标题：“名称：-”+名称，
消息：“”
});
}).fail（函数（）{
BootstrapDialog.show({
标题：“名称：-”+名称，
消息：“”
});
});
}
});
}