为什么我的 JavaScript 不能在我的 wordpress 网站上运行？答案

【问题标题】：Why isn't my JavaScript working on my wordpress site?为什么我的 JavaScript 不能在我的 wordpress 网站上运行？
【发布时间】：2014-06-11 00:08:43
【问题描述】：

如果这是一个简单的解决方法，那么抱歉，我只是个白痴..

所以我试图让这个功能在我的 wordpress 网站上运行..

http://jsfiddle.net/m3h8b/

^ 这是一个简单的函数，它访问 Yahoo YQL DB 并提取股票报价并呈现。

我已经使用 wordpress 注册了 JS 并将其加入队列，如下所示：

wp_register_script( 'stockcatch', get_template_directory_uri() . '/js/stockcatch.js', array( 'jquery' ), '1.1', 'true' );
wp_enqueue_script( 'stockcatch' );

然后将此代码添加到我的wordpress页面的文本部分：

<input type="text" value="CSCO" id="stockquote" />
<div id="stock"></div>
<button onclick="getprice();">Get price</button>

<script type='text/javascript' src='http://stockology.ws/wp-content/themes/willow/js/stockcatch.js?ver=1.1'></script>

但是当我点击获取报价按钮时，什么也没有发生。我也尝试在 for JS 中添加整个函数，但什么都没有..

有什么问题？

编辑：这是我添加到 WP 中的 JavaScript ..

/*
 Catch stock quote from Yahoo! YQL
*/
function getprice()
{


  var symbol = $('#stockquote').val();


var url = "http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20yahoo.finance.quotes%20where%20symbol%20in%20(%22"+symbol+"%22)%0A%09%09&env=http%3A%2F%2Fdatatables.org%2Falltables.env&format=json";

$.getJSON(url, function (json)
{

    var lastquote = json.query.results.quote.LastTradePriceOnly;
    $('#stock').text(lastquote);

});
}

【问题讨论】：

显示你的整个代码。
您在控制台中遇到了什么错误？
在 chrome JS 控制台中出现此错误：未捕获的类型错误：未定义不是此下方的函数：var symbol = $('#stockquote').val();
@MrJack - 我将 javascript 添加到原始帖子中。你们还需要看什么才能提出明智的建议？
等一下，你还包括 JQuery 吗？

标签： javascript php jquery wordpress yql

【解决方案1】：

从朋友那里得到了一些帮助 - 不过，谢谢你们的洞察力，伙计们。

我的代码是：

/*
 Catch stock quote from Yahoo! YQL
*/
function getprice()
{


  var symbol = $('#stockquote').val();


var url = "http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20yahoo.finance.quotes%20where%20symbol%20in%20(%22"+symbol+"%22)%0A%09%09&env=http%3A%2F%2Fdatatables.org%2Falltables.env&format=json";

$.getJSON(url, function (json)
{

    var lastquote = json.query.results.quote.LastTradePriceOnly;
    $('#stock').text(lastquote);

});
}

并将其更改为：

/* 从 Yahoo! 获取股票报价YQL */ 函数获取价格（） {

  var symbol = jQuery('#stockquote').val();


var url = "http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20yahoo.finance.quotes%20where%20symbol%20in%20(%22"+symbol+"%22)%0A%09%09&env=http%3A%2F%2Fdatatables.org%2Falltables.env&format=json";

jQuery.getJSON(url, function (json)
{

    var lastquote = json.query.results.quote.LastTradePriceOnly;
    jQuery('#stock').text(lastquote);

});
}

有效地删除 $ 并替换为 jQuery - 这是导致错误的原因。现在可以了！

【讨论】：