javascript - Typeahead.js 无法在服务器上运行

Question

我能够让 typeahead.js 插件在我的开发机器上工作，但是当我将代码推送到 heroku 后，它就停止工作了。相关代码如下:

if (Meteor.isClient) {
  window.onload = function() {
    $("input.entry").typeahead({
     name: "movies",
     remote: {
      url: "http://api.rottentomatoes.com/api/public/v1.0/movies.json?apikey=####################&page_limit=5&q=%QUERY",
      dataType: 'jsonp',
      template: ["<p><strong>{{title}}</strong></p>"],
      engine: Handlebars,
      filter: function(parsedResponse) {
        var dataset = [];
        movies = parsedResponse.movies;
        for(i = 0; i < movies.length; i++) {
          dataset.push({
              value: movies[i].title,
              details: movies[i].critics_consensus,
              image: movies[i].posters.profile
          });
        }
        return dataset;
      }
    }
  });

  $('input.entry').bind('typeahead:selected', function(obj, datum) {
    Movies.insert({
      name: datum.value,
      consensus: datum.details,
      image: datum.image,
      voters: [],
      creator: Meteor.user(),
      time: Date.now()
    });
  });
}

如果我在页面加载后将 window.onload 的内容粘贴到 JavaScript 控制台中，则可以正常工作。

有人知道为什么这不能正常工作吗？

谢谢

Answer 1

您的应用程序位于 http://api.rottentomatoes.com 上吗？否则您将遇到 CORS 问题。