Question

我试图从我的MySQL中显示卡片，阵列工作得很好......但是图片不是。我很确定我的代码中存在错误。

我被封锁了2个小时。我不知道如何正确显示。

这是我的代码部分。如果您需要更多细节，可以问我吗？

<script type="text/javascript">
$(document).ready(function(){

            navigator.geolocation.getCurrentPosition(function(position){
        $.getJSON('http://192.168.1.53/dbconfig.php?lat='+ position.coords.latitude +'&lng='+ position.coords.longitude, function(result){
            $.each(result.lieux, function(i, field){
            var photo = "http://192.168.1.53/test.php?id=3";
var html = [
        '<div href="#" class="store-card-item">',
        '<em class="bg-red-dark">150 <u> mètres</u></em>',
        '<img class="responsive-image preload-image" data-original="' + photo + '" alt="img">',
        '<h3>'+ field.nom +'</h3>',
        '<a href="#" class="store-card-cart"><i class="fa fa-location-arrow"></i></a>',
        '<a href="#" class="store-card-heart"><i class="fa fa-star color-yellow-dark"></i><i class="fa fa-star color-yellow-dark"></i></a>',
        '</div>'
].join('');

var div = document.createElement('div');
    div.setAttribute('class', 'post block bc2');
    div.innerHTML = html;
    document.getElementById('posts').appendChild(div);
            });
        });
});
});
</script>
<div id="posts"></div>

感谢您的帮助。亚历

图片没有显示在javascript html中

0 个答案: