Javascript 如何使用引导将图像显示为弹出窗口
我想做同样的事情,发生在下面的小提琴 我还是这么做了Javascript 如何使用引导将图像显示为弹出窗口,javascript,jquery,css,twitter-bootstrap,Javascript,Jquery,Css,Twitter Bootstrap,我想做同样的事情,发生在下面的小提琴 我还是这么做了 <link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet"> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> <a href=
<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<a href="#" class="pop">
<img src="http://patyshibuya.com.br/wp-content/uploads/2014/04/04.jpg" style="width: 400px; height: 264px;">
</a>
<a href="#" class="pop">
<img src="http://upload.wikimedia.org/wikipedia/commons/2/22/Turkish_Van_Cat.jpg" style="width: 400px; height: 264px;">
</a>
<div class="modal fade" id="imagemodal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<img src="" class="imagepreview" style="width: 100%;" >
</div>
</div>
</div>
</div>
<script>
$(function() {
$('.pop').on('click', function() {
$('.imagepreview').attr('src', $(this).find('img').attr('src'));
$('#imagemodal').modal('show');
});
});
</script>
&时代;接近
$(函数(){
$('.pop')。在('click',function()上{
$('.imagepreview').attr('src',$(this.find('img').attr('src'));
$('#imagemodal').modal('show');
});
});
但它不工作,我也包括这两个外部文件,但不知道为什么图像不显示为弹出后点击它
请帮我找到这个问题
如果有人能帮助我,我将非常高兴
谢谢引导需要jQuery
&时代;接近
$(函数(){
$('.pop')。在('click',function()上{
$('.imagepreview').attr('src',$(this.find('img').attr('src'));
$('#imagemodal').modal('show');
});
});
小提琴似乎很好用。非常感谢你,兄弟。我忘了添加jQuery.NP。你应该考虑结束这个问题,这不再是话题了,如果只是一个错误或疏忽,对不起,没有得到你。