获取一个bootrap模式的单击获取src值

Question

我正在尝试src使用JQuery 获取图像的值,将其传递到引导模式以显示它.我的问题是我不知道如何获得这个src值,我试图制作一些javascript,但我想它不能正常工作.请帮忙.

这是我的形象:

<img class="img-thumbnail" src="" data-def-dd="pic" id="pic" name="pic">

Boostrap模式:

<div id="img_modal" class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <img class="img-thumbnail" src="" data-onload="loadImage()"
                 data-def-dd="photo" id="photo_modal" name="photo">
        </div>
    </div>
</div>

最后是javascript:

var src = $(this).attr('src');
console.log(src);

function loadImage(){
    $('#photo_modal').attr('src', src);
}

Answer 1

如果您需要获取任何图像的来源，您可以执行以下操作：

$('img').on('click', function(){
     var imageSource = $(this).attr('src')
})