Javascript 带数组的上一个和下一个_Javascript_Php_Jquery_Twitter

Javascript 带数组的上一个和下一个

javascript php jquery twitter

Javascript 带数组的上一个和下一个,javascript,php,jquery,twitter,Javascript,Php,Jquery,Twitter,我用foreach循环创建了一个脚本，它给出了所有项目，有人知道如何在页面上显示一个项目，以及何时有人单击下一个箭头显示下一条tweet，或者何时单击上一条显示上一条tweet 以下是代码： <?php include "tw/twitteroauth.php"; ?> <?php $consumer = ""; $consumersecret = ""; $accesstoken = ""; $accesstokensecret = "";

我用foreach循环创建了一个脚本，它给出了所有项目，有人知道如何在页面上显示一个项目，以及何时有人单击下一个箭头显示下一条tweet，或者何时单击上一条显示上一条tweet

以下是代码：

<?php include "tw/twitteroauth.php"; ?>
<?php
    $consumer = "";
    $consumersecret = "";
    $accesstoken = "";
    $accesstokensecret = "";

    $twitter = new TwitterOAuth($consumer, $consumersecret,$accesstoken, $accesstokensecret);

    ?>
<html>
<head>

<title>Tw</title>
      <meta charset="utf-8" />

</head>
<body>

<?php

$tweets = $twitter -> get('https://api.twitter.com/1.1/statuses/user_timeline.json?screen_name=MiDizajn&count=100');
foreach($tweets as $tweet){

       print_r($tweet -> text.'<br /><br />');

}


?>

</body>
</html>

那么：

<body>
     <div id="tweets">
     <?php
        $tweets = $twitter -> get('https://api.twitter.com/1.1/statuses/user_timeline.json?screen_name=MiDizajn&count=100');
        $first = true;
        foreach($tweets as $tweet){
           print_r('<span'.($first?'':'style="display: none"').'>'.$tweet -> text.'</span><br /><br />');

           if($first){
              $first = false;
           }
        }
    ?>
   </div>

   <button id="prev">prev</button>
   <button id="next">next</button>
</body>

我没有测试php部分，通常也不使用php，但我认为这应该是可行的。当然，您可以使用淡出和淡出，而不是隐藏和显示，或者执行一些高级淡出效果。

搜索“分页”。您将在Google和Stack Overflow上找到大量结果。jquery数据表也不错。

<body>
     <div id="tweets">
     <?php
        $tweets = $twitter -> get('https://api.twitter.com/1.1/statuses/user_timeline.json?screen_name=MiDizajn&count=100');
        $first = true;
        foreach($tweets as $tweet){
           print_r('<span'.($first?'':'style="display: none"').'>'.$tweet -> text.'</span><br /><br />');

           if($first){
              $first = false;
           }
        }
    ?>
   </div>

   <button id="prev">prev</button>
   <button id="next">next</button>
</body>

$(document).ready(function(){
        $("#prev").click(function(){
            if( $("#tweets>span:visible").prev().size() > 0){
                $("#tweets>span:visible").hide().prev().show();
            }
        });

        $("#next").click(function(){
            if( $("#tweets>span:visible").next().size() > 0){
                $("#tweets>span:visible").hide().next().show();
            }
        });
});