Javascript 如何从JSON Flickr API将映像加载到引导模式
下面是我正在使用的代码作为示例。 当我单击Flickr提要中的每个图像时,我希望能够加载引导模式(确实如此),但在模式中显示特定的照片(目前没有)。 我试过很多不同的方法。但我无法让它工作。 举例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
示范
引导程序、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>