雅虎财经股票报价器只能在JSFiddle中工作

Question

我正在尝试创建一个JavaScript股票报价器，它拉出活的股票。我在JSFiddle上找到了一个运行良好的示例，我正在尝试将基础知识集成到我的网站中。

代码在JSFiddle中可以正常工作，但是一旦我将JavaScript放入Dreamweaver中，就会出现语法错误。我认为公平地说，我是JavaScript/AJAX的新手，但我已经尝试过理解控制股票数据的Yahoo API，现在我对此相当有信心。

代码是否需要链接到外部源才能工作，或者我是否遗漏了一些东西，使代码无法在JSFiddle之外运行？

任何帮助将不胜感激，因为我已经耗尽了许多小时，试图让这项工作。

下面的代码也可以在this JS fiddle中找到。

new Request.Stocks({

        display: ['Name', 'Ask', 'Change', 'ChangeinPercent'],

        sortBy: 'Name',

        stocks: ['ABBN.VX', 'ATLN.VX', 'ADEN.VX', 'CSGN.VX', 
                 'HOLN.VX', 'BAER.VX', 'LONN.VX', 'NESN.VX', 
                 'NOVN.VX', 'CFR.VX',  'ROG.VX',  'SGSN.VX',
                 'UHR.VX',  'RUKN.VX', 'SCMN.VX', 'SYNN.VX', 
                 'SYST.VX', 'RIGN.VX', 'UBSN.VX', 'ZURN.VX'],

        onComplete: function(yahoo){
            var result = '';
            Array.each(Array.from(yahoo.query.results.quote), function(quote){
                result += '<h2>{Name}</h2>
                      <p>{Ask} CHF,
                      ChangeinPercent: {ChangeinPercent},
                      Change: {Change}</p>'.substitute(quote);
            }, this);

            $('stocks').set('html', result);
        },

        onRequest: function(script){
            $('stocks').set('text', 'Fetching...');
        }

    }).send();

亲切的问候，山姆

Answer 1

下载最新的build here

注意:您的js小提琴使用Mootools 1.3.1我从未使用过mootools，但如果您遇到问题，请尝试使用此版本的

然后，将其放入您的应用程序文件夹中，并将其链接到您的头部，如下所示：

<script language="javascript" type="text/javascript" src="MOOTOOLSLINK"></script>