Javascript 如何使用Twitter帖子抓取器将推文包含在旋转木马中?
我正在使用Jason Mayes()的Twitter帖子抓取器,我想在旋转木马中一个接一个地显示推文。 目前,我的carousel插件是slick.js(),我打算在“单项”模式下使用它 光滑的html:Javascript 如何使用Twitter帖子抓取器将推文包含在旋转木马中?,javascript,html,css,twitter,Javascript,Html,Css,Twitter,我正在使用Jason Mayes()的Twitter帖子抓取器,我想在旋转木马中一个接一个地显示推文。 目前,我的carousel插件是slick.js(),我打算在“单项”模式下使用它 光滑的html: <div class="single-item"> <div id="example4></div> <div id="example5"></div> <div id="example6">&l
<div class="single-item">
<div id="example4></div>
<div id="example5"></div>
<div id="example6"></div>
</div>
默认情况下,Twitter Fetcher使用ID标识和显示推文。在我的例子中,我使用了三个具有相同ID的配置作为“占位符”,但假设它们是不同的:
var config4 = {
"id": '988087557270507521',
"domId": 'example4',
"maxTweets": 5,
"enableLinks": true,
"showUser": true,
"showTime": false,
"dateFunction": dateFormatter,
"showRetweet": false
};
twitterFetcher.fetch(config4);
var config5 = {
"id": '988087557270507521',
"domId": 'example5',
"maxTweets": 5,
"enableLinks": true,
"showUser": true,
"showTime": false,
"dateFunction": dateFormatter,
"showRetweet": false
};
twitterFetcher.fetch(config5);
var config6 = {
"id": '988087557270507521',
"domId": 'example6',
"maxTweets": 5,
"enableLinks": true,
"showUser": true,
"showTime": false,
"dateFunction": dateFormatter,
"showRetweet": false
};
twitterFetcher.fetch(config6);
如何为每个配置设置旋转木马?您使用的旋转木马插件或软件包是什么?还是你想从头开始创造你自己的?您使用的是什么框架?需要更多信息。谢谢Chase,我添加了一些关于插件的信息。恐怕我现在不能说得更具体了。我希望这足够了。看来你的想法是对的。你想在旋转木马里展示什么?看起来您必须创建一个数组并存储来自每个twitterFetcher.fetch的结果,然后使用该数组填充一些html。
var config4 = {
"id": '988087557270507521',
"domId": 'example4',
"maxTweets": 5,
"enableLinks": true,
"showUser": true,
"showTime": false,
"dateFunction": dateFormatter,
"showRetweet": false
};
twitterFetcher.fetch(config4);
var config5 = {
"id": '988087557270507521',
"domId": 'example5',
"maxTweets": 5,
"enableLinks": true,
"showUser": true,
"showTime": false,
"dateFunction": dateFormatter,
"showRetweet": false
};
twitterFetcher.fetch(config5);
var config6 = {
"id": '988087557270507521',
"domId": 'example6',
"maxTweets": 5,
"enableLinks": true,
"showUser": true,
"showTime": false,
"dateFunction": dateFormatter,
"showRetweet": false
};
twitterFetcher.fetch(config6);