簡體   English   中英

使用Jquery.GetJSON在Wordpress中顯示HTML / JS中JSON文件中的數字?

[英]Using Jquery.GetJSON to display numbers from JSON file in HTML/JS, with Wordpress?

我見過類似的問題,但還沒有答案對我有用。

我在這個地址有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>

關於問題出在哪里有什么建議嗎?

謝謝!

使用正確的引號,正確關閉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/

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM