當使用jquery和innerHTML數據解析JSON feed時未顯示

Question

我正在嘗試使用jquery和innerhtml解析json feed，但是由於某些原因它無法正常工作。 控制台中未顯示任何錯誤，並且Feed正在運行。 不知道為什么它不起作用

<div id="canvasFrame">


<div id='wrp' class='wrapper'>
    <h1>Latest News</h1>
    <img class="logo" src="logo.png"></img>
</div>

</div>
<script type="text/javascript">

var feed;

    $.getJSON("feedurlinhere", function(result){
        console.log(result);
        feed = result;

        var wrapper = document.getElementById('wrp');


        wrapper.innerHTML += "<div id='feedleft'><div class='container'><div class='tmb' style='background-image: url("+ feed.items[0].image +")'></div><h2>"+ feed.items[0].title +"</h2></div></div>";

        wrapper.innerHTML += "<div id='feedright'><div class='container'><div class='tmb' style='background-image: url("+ feed.items[1].image +")'></div><h2>"+ feed.items[1].title +"</h2></div></div>";
    });







</script>

Answer 1

只需對JavaScript進行少量更改並提供正確的供稿，此代碼即可正常運行

• 我在.tmb div中添加了寬度和高度
• 取代'與"在HTML文本

 var wrapper = document.getElementById('wrp'); var feed = { items: [{ image: 'https://www.google.lk/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png', title: 'Google Logo' }] } wrapper.innerHTML += '<div id="feedleft"><div class="container"><div class="tmb" style="background-image: url(\\'' + feed.items[0].image + '\\')"></div><h2>' + feed.items[0].title + '</h2></div></div>'; 

 .tmb { width: 540px; height: 180px; } 

 <div id="canvasFrame"> <div id='wrp' class='wrapper'> <h1>Latest News</h1> <img class="logo" src="logo.png"></img> </div> </div>