Javascript jquery动态图像库弹出窗口显示所有图像

Javascript jquery动态图像库弹出窗口显示所有图像,javascript,jquery,angularjs,asp.net-mvc,twitter-bootstrap,Javascript,Jquery,Angularjs,Asp.net Mvc,Twitter Bootstrap,我想创建动态模型弹出窗口,所以我写了下面的js代码。但当我点击单个图像时,模型弹出窗口会在动态创建的div中显示所有图像内容。我想在模型弹出相同的图像和它的内容 $(“#pop”)。在(“单击”,函数()上){ $('#imagepreview').attr('src',$('#imageresource').attr('src')); $('#imagemodal').modal('show'); }); &时代;接近 {{Spaces.Name}} 名称:{{Spaces.Name

我想创建动态模型弹出窗口,所以我写了下面的js代码。但当我点击单个图像时,模型弹出窗口会在动态创建的div中显示所有图像内容。我想在模型弹出相同的图像和它的内容


$(“#pop”)。在(“单击”,函数()上){
$('#imagepreview').attr('src',$('#imageresource').attr('src'));
$('#imagemodal').modal('show');
});

&时代;接近
{{Spaces.Name}}

名称:{{Spaces.Name}}
描述:{{Spaces.Description}}
大小:{{Spaces.Size}}
容量:{{Spaces.MaxCapacity}}
配置:


任何标记的ID参数都应该是唯一的。在你的中继器里你有相同的ID。将其更改为smth,如
id=“{{'imagepreview'+$index}”
ng repeat=“空格列表中的空格按$index跟踪”