Javascript 在弹出窗口中打开动态href链接
我有一个instagram iframe，可以获得9张带有href链接（用于图片）的随机图像，并且具有相同的背景。所以我想在弹出式图库中打开它。 我使用的弹出引导，但只有第一个或最后一个图片打开在弹出窗口Javascript 在弹出窗口中打开动态href链接,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,我有一个instagram iframe，可以获得9张带有href链接（用于图片）的随机图像，并且具有相同的背景。所以我想在弹出式图库中打开它。 我使用的弹出引导，但只有第一个或最后一个图片打开在弹出窗口 <a data-toggle="modal" data-target="#myModal1" href="'.$thumbnail.'" class="image"><span style="background-image:url('.$thumbnail.');">
<a data-toggle="modal" data-target="#myModal1" href="'.$thumbnail.'" class="image"><span style="background-image:url('.$thumbnail.');"> </span></a>
<div id="myModal1" class="modal fade" role="dialog" style="overflow-y: hidden;">
<div class="modal-dialog">
<a href="" class=""><div id="pic" class="modal-content" style="background-image:url('.$thumbnail.'); ></div></a>'
</div>
</div>
'
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ekko-lightbox/4.0.1/ekko-lightbox.min.css">
</head>
<body>
<a data-toggle="lightbox" href="'.$thumbnail.'" class="image"><span id="" style="background-image:url('.$thumbnail.');"> </span></a>
<script src="//code.jquery.com/jquery.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/ekko-lightbox/4.0.1/ekko-lightbox.min.js"></script>
<script type="text/javascript">
$(document).ready(function ($) {
$(document).delegate('*[data-toggle="lightbox"]:not([data-gallery="navigateTo"])', 'click', function(event) {
event.preventDefault();
return $(this).ekkoLightbox({
});
});
});
</script>
</body>
</html>
$（文档）.ready（函数（$）{
$（文档）。委托（'*[data toggle=“lightbox”]：不（[data gallery=“navigateTo”]），“单击”，函数（事件）{
event.preventDefault（）；
返回$（this）.ekkoLightbox({
});
});
});
演示在这里[请将您的完整代码放在这里，以便我们检查。或者最好是为您尝试的代码创建一个小提琴链接。小部件的完整代码在这里：[要更改的文件是template.php。在这里，我添加了引导以使用模态弹出窗口。