我能夠得到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控制檯在頁面加載後,它工作正常。
有沒有人有任何想法,爲什麼這不能正常工作?
感謝
是的,我已經創造了在爛番茄網站開發的應用程序 – initWithStyle