Javascript 如何从JSON Flickr API将映像加载到引导模式

Javascript 如何从JSON Flickr API将映像加载到引导模式,javascript,jquery,json,twitter-bootstrap,Javascript,Jquery,Json,Twitter Bootstrap,下面是我正在使用的代码作为示例。 当我单击Flickr提要中的每个图像时,我希望能够加载引导模式(确实如此),但在模式中显示特定的照片(目前没有)。 我试过很多不同的方法。但我无法让它工作。 举例 示范 引导程序、jQuery和JSON API的演示 &时代; 模态模拟 接近 //启动jQuery函数 $(文档).ready(函数(){ //访问Flickr的JSON API $.getJSON(“http://api.flickr.com/services/feeds/photos_publ

下面是我正在使用的代码作为示例。 当我单击Flickr提要中的每个图像时,我希望能够加载引导模式(确实如此),但在模式中显示特定的照片(目前没有)。 我试过很多不同的方法。但我无法让它工作。 举例


示范

引导程序、jQuery和JSON API的演示

&时代; 模态模拟 接近 //启动jQuery函数 $(文档).ready(函数(){ //访问Flickr的JSON API $.getJSON(“http://api.flickr.com/services/feeds/photos_public.gne?tags=winter&format=json&jsoncallback=?“,显示图像); 函数显示图像(数据){ var-iCount=0; var htmlString=“”; $.each(data.items,function(i,item){ 如果(i计数<18){ var sourceSquare=(item.media.m).replace(“_m.jpg”,“_q.jpg”); htmlString+=''; htmlString+=''; htmlString+=''; } iCount++; }); //HTML转换为#图像分区 $('#images').html(htmlString+“”); //关闭JSON函数调用 } //结束jQuery函数 }); //将内容发送到引导模式 $('img')。在('click',function()上 { var sr=$(this.attr('src'); $('mimg').attr('src',sr); $('myModal').modal('show'); });
将第二个脚本更改为:

    <script type="text/javascript">
        // Send Content to Bootstrap Modal
        $(document).on('click', 'img', function(){
              var sr=$(this).attr('src'); 
              $('#mimg').attr('src',sr);
              $('#myModal').modal('show');
        });
    </script>

//将内容发送到引导模式
$(文档)。在('click','img',function()上{
var sr=$(this.attr('src');
$('mimg').attr('src',sr);
$('myModal').modal('show');
});

谢谢!你是冠军!
    <script type="text/javascript">
        // Send Content to Bootstrap Modal
        $(document).on('click', 'img', function(){
              var sr=$(this).attr('src'); 
              $('#mimg').attr('src',sr);
              $('#myModal').modal('show');
        });
    </script>