[英]load a contecxtmenu from json's file using a JQuery.getJSON()
[英]Using Jquery.GetJSON to display numbers from JSON file in HTML/JS, with Wordpress?
我見過類似的問題,但還沒有答案對我有用。
我試圖顯示“官方”和“藍色”中的“ 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.