如何根据最新推特 API 阅读最新推文答案

【问题标题】：How to read latest Tweet according to Latest Twitter API如何根据最新推特 API 阅读最新推文
【发布时间】：2014-08-15 18:03:58
【问题描述】：

我需要使用最新的 twitter api 获取最新的推文并将其附加到我的网站 div。我正在使用下面的代码但不工作。

所以请有人指导我如何实现这一点。我尝试了下面的示例，但现在也已过期

Setting up Twitter API, getting the last few Tweets

【问题讨论】：

标签： jquery asp.net-mvc-4

【解决方案1】：

你可以设置data-tweet-limit="1"

例子：

<a class="twitter-timeline" 
    href="https://twitter.com/YOUR_HANDLE" 
    data-widget-id="YOUR_WIDGET_ID" 
    data-theme="light" 
    data-link-color="#2393aa" 
    data-chrome="noheader nofooter noborders noscrollbar transparent" 
    data-tweet-limit="1" 
    aria-polite="polite">Loading tweets...</a>

<script src="http://platform.twitter.com/widgets.js"></script>

【讨论】：

是否可以在不使用 Widget 的情况下获取最新推文。因为我需要在我的设计中整合最新的推文文本和推文日期。此小部件将添加自己的设计。
你可以这样使用：var tweet = $('.twitter-timeline li:first .e-entry-title').val();
感谢 Khalid。您能否根据 jquery 中最新的 Twitter API 提供一些参考
我不认为有这样的事情。您只需要在浏览器中检查呈现的小部件元素（右键单击 > 检查元素）并选择适当的 jQuery 选择器来访问您需要的任何内容。

【解决方案2】：

我能够通过使用以下 jquery 脚本获得最新的推文。

<div class="tweet-item">
   <a class="twitter-timeline" 
     href="https://twitter.com/YOUR_HANDLE"  
     data-theme="light" 
     data-link-color="#2393aa" 
     data-chrome="noheader nofooter noborders noscrollbar transparent" 
     data-tweet-limit="1" 
     aria-polite="polite">Loading tweets...</a>
</div>

<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

然后使用jquery，我使用了这段代码：

<script type="text/javascript">
$(document).ready(function(){
    var target = document.querySelector('.twitter-item');

            var observer = new MutationObserver(function(mutations) {
                LoadTweet("twitter-widget-0"); 
            });

            var config = { attributes: true, childList: true, characterData: true };

            observer.observe(target, config);

            function LoadTweet(item){

               if($('.twitter-item').hasClass("Loaded")){
                    // do nothing
               } else {
                    console.log("LoadTweet Fired "+ item);

                    var timelineId = item;
                    var media = $('#' + timelineId).contents().find('.timeline-Tweet-media img').attr("src") || "";
                    var tweet = $('#' + timelineId).contents().find('.timeline-Tweet-text').html() || "";
                    if(tweet){ 
                        $('.twitter-item').html("").html(tweet); }
                        $('.twitter-item').addClass("Loaded"); // prevent loop
                    }
              }
        }
 });

 </script>

jquery 脚本将容器替换为推文。希望这对您有所帮助或指出正确的方向。

【讨论】：