我遇到了 .html() 函数和 YQL 提取数据的问题。数据正在拉取(使用 YQL 控制台可以看到数据),但没有显示或显示任何结果。
这是代码:
HTML
<ul id="TECO-container">
<li class="high">High: </li>
<li class="low">Low: </li>
<li class="close">Closing: </li>
<li class="volume">Volume: </li>
</ul>
JS
// initialise plugins
jQuery(function () {
tecoGetQuote('TECO');
});
//The above function is on a different .js than the below script.
var tecoGetQuote = function (symbol) {
var yqlURL = "http://query.yahooapis.com/v1/public/yql?q=";
var dataFormat = "&format=json&env=store%3A%2F%2Fdatatables.org%2Falltableswithkeys";
var realtimeQ = yqlURL + "select%20*%20from%20yahoo.finance.quotes%20where%20symbol%20in%20(%22" + symbol + "%22)%0A%09%09&" + dataFormat;
$(function () {
$.getJSON(realtimeQ, function (json) { //YQL Request
//console.log(json.query.results.quote);
//<li class="high">High: -</li><li class="low">Low: -</li><li class="close">Closing: -</li><li class="volume">Volume: -</li>
$('#TECO-container .high').html('High: <span style="font-weight: bold; color:#FFBB00">' + json.query.results.quote.DaysHigh + '</span>');
$('#TECO-container .low').html('Low: <span style="font-weight: bold; color:#FFBB00">' + json.query.results.quote.DaysLow + '</span>');
$('#TECO-container .close').html('Closing: <span style="font-weight: bold; color:#FFBB00">' + json.query.results.quote.PreviousClose + '</span>');
$('#TECO-container .volume').html('Volume: <span style="font-weight: bold; color:#FFBB00">' + addCommas(json.query.results.quote.Volume) + '</span>');
});
});
};
这是 JSFiddle:http: //jsfiddle.net/Darthfuzzy/cPFKE/4/
根据 JSFiddle,HTML/JS 是完全有效的。所有迹象都表明它也应该运行。结果应该只显示当前的市场数据,我之前在网站上看到过类似的功能。我只是无法弄清楚JS没有在哪里运行。
脚本应该相当简单:股票代码是“TECO”(定义为 tecoGetQuote)。然后,该函数从 YQL JSON 中提取财务数据,然后打印数据。然而由于某种原因,无论我如何更改这些内容,它都不会显示。
有人可以通过指出问题所在来帮助我吗?