使用Jquery.GetJSON在Wordpress中显示HTML / JS中JSON文件中的数字？

Question

我见过类似的问题，但还没有答案对我有用。

我在这个地址有JSON代码。

我试图显示“官方”和“蓝色”中的“ value_sell”和“ value_buy：”对象。 在Wordpress中，我将以下代码放在自定义Javascript框中：

jQuery(function() {
    jQuery.getJSON( “http://api.bluelytics.com.ar/v2/latest?callback=?”,function( data ) {
        jQuery(‘#blue_bid’).text(data.blue.value_buy.toFixed(2));
        jQuery(‘#blue_ask’).text(data.blue.value_sell.toFixed(2));
        jQuery(‘#official_bid’).text(data.oficial.value_buy.toFixed(2));
        jQuery(‘#official_ask’).text(data.oficial.value_sell.toFixed(2));
    });
});'

以下是HTML表，该表使用变量显示值，但不显示任何内容：

<aside class="widget wbluedollar">
<table width=200 cellpadding=3 bordercolor=white border=none>

<tr width=200>
<td style="background: linear-gradient(blue, #0000bb);color:white;" width="100">
<div style="color:#FFFFFF; font-size:.8em;">Dollar Blue</div>
</td>
<td style="background: linear-gradient(#00bb00, green);color:white;" width="100">
<div style="color:#FFFFFF; font-size:.8em;">Dollar Official</div>
<tr>
<td>
<div style="color:#0000bb; font-size:.8em;">BUY: <span id="blue_bid">
<br>SELL: <span id="blue_ask">
</div></td>
<td>
<div style="color:#00bb00; font-size:.8em;">BUY: <span id="official_bid>
<br>SELL: <span id="official_ask"></div></td>
<tr>
<td>
<div style="color:grey; font-size:.7em;">Powered by 
<a href=http://bluelytics.com.ar/>Bluelytics</a>
</div></td>
</table>

关于问题出在哪里有什么建议吗？

谢谢！

Answer 1

使用正确的引号，正确关闭dom元素

<tr width=200>
<td style="background: linear-gradient(blue, #0000bb);color:white;" width="100">
<div style="color:#FFFFFF; font-size:.8em;">Dollar Blue</div>
</td>
<td style="background: linear-gradient(#00bb00, green);color:white;" 

    width="100">
    <div style="color:#FFFFFF; font-size:.8em;">Dollar Official</div>
    <tr>
    <td>
        <div style="color:#0000bb; font-size:.8em;">BUY: <span id="blue_bid"></span>
            <br>SELL: <span id="blue_ask"></span>
    </div></td>
    <td>
        <div style="color:#00bb00; font-size:.8em;">BUY: <span id="official_bid"></span>
    <br>SELL: <span id="official_ask"></div></td>
    <tr>
    <td>
    <div style="color:grey; font-size:.7em;">Powered by 
    <a href=http://bluelytics.com.ar/>Bluelytics</a>
    </div></td>
    </table>

js：

jQuery(function() {
    jQuery.getJSON( "http://api.bluelytics.com.ar/v2/latest?callback=?",function( data ) {
        jQuery("#blue_bid").text(data.blue.value_buy.toFixed(2));
        jQuery("#blue_ask").text(data.blue.value_sell.toFixed(2));
        jQuery("#official_bid").text(data.oficial.value_buy.toFixed(2));
        jQuery("#official_ask").text(data.oficial.value_sell.toFixed(2));
    });
});

Jsfiddle： http : //jsfiddle.net/vr9e619k/