Question

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

所以可以请某人指导我如何才能实现这一目标。我已尝试过以下示例，但现在也已过期

Setting up Twitter API, getting the last few Tweets

Answer 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>

Answer 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脚本用推文替换了容器。希望这对您有所帮助或指向正确的方向。

如何根据最新的Twitter API阅读最新推文

2 个答案: