2013-09-11 151 views
1

我能夠得到typeahead.js插件在我的開發機器上工作,但是一旦我將代碼推送到heroku,它就停止工作。下面是相關的代碼:Typeahead.js不能在服務器上工作

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控制檯在頁面加載後,它工作正常。

有沒有人有任何想法,爲什麼這不能正常工作?

感謝

回答

0

是您的http://api.rottentomatoes.com應用程序?否則,你會遇到CORS問題。

+0

是的,我已經創造了在爛番茄網站開發的應用程序 – initWithStyle

0

我能夠得到它通過將typeahead.js代碼在此塊工作Template.entryfield.rendered = function() { ... }

相關問題