0

我在 jQuery(bxslider) 中使用了一个滑块插件。当我的页面第一次加载时，滑块类使用 displayHomeLine() 函数加载了默认列表元素。然后我用 jquery load 调用另一个 php 来替换整个滑块类（ul 和 li 元素）的内容。它加载得很好，但它没有动画，而是显示一个默认的无序列表。我的问题是 - 是否可以像在第一页加载时为默认内容一样为滑块设置动画？我不想刷新页面，那么其他选项是什么？我的代码：

<body>
<center>

<?php
        function displayHomeTimeline(){

            $home_timeline=$_SESSION['home_timeline'];

            foreach($home_timeline as $item){
                echo '<li>'.$item->text.'</li>';
            }

        }




?>
            <div id="page_content">
            <h1>Welcome <?php echo $_SESSION['screen_name']?></h1>
                <ul id="sections">
                    <li style="width:550px;"><h2>Tweets</h2>
                    <!-- Slider -->
                    <div id="wrapper_slider">

                        <ul class="bxslider">
                            <?php displayHomeTimeline();?><--Loads the default content
                        </ul>
                    </div>



                    </li>
                    <li style="width:180px;">
                        <h2>Followers</h2>

                    </li>
                </ul>
            </div>
</center>
<script type="text/javascript">
    //function to populate the slider with follower's tweets
    function populateFollowersTweets(screen_name){
            //THIS IS THE CALL TO OTHER FILE WHICH CREATES THE CLASS FOR SLIDER
        $('#wrapper_slider').load('follower_status.php?sname='+screen_name+'');
          //for tweets slider

              //TRIED PUTTING EXPLICIT CALL STILL DOESN"T ANIMATE
          $('.bxslider').bxSlider({
          auto:true});
    }





$(document).ready(function(){




  //for tweets slider
  $('.bxslider').bxSlider({
  auto:true});





  //for populating follower's tweets in the slider
  $('#followers_list>li').click(function(){
 //FUNCTION TO REPLACE THE CONTENT WITH NEW BXSLIDER CLASS
    populateFollowersTweets($(this).text());
  });


 });


</script>
</body>

为 BXSlider 创建相同无序列表的文件：follower_status.php

<?php
    require("lib/twitteroauth/twitteroauth.php");
    session_start();

    //function to print user timelines
    function getUserTimeline($screen_name){
            $oauth_token = $_SESSION['oauth_token'];
            $oauth_token_secret = $_SESSION['oauth_token_secret'];
            $connection = new TwitterOAuth('xxx', 'xxx', $oauth_token, $oauth_token_secret);

            $tweets=$connection->get('statuses/user_timeline',array('screen_name' => $screen_name, 'count' => 10));
            foreach($tweets as $item){
                echo '<li>'.$item->text.'</li>';
            }

        }

    $screen_name=$_GET['sname'];

    echo '<ul class="bxslider">';
    getUserTimeline($screen_name);
    echo '</ul>';
?>

屏幕截图应该更好地表达我的疑问。这是加载默认内容时的滑块： 在此处输入图像描述

这是我调用 load 函数以将滑块类替换为 follower_status.php 后发生的情况： 在此处输入图像描述

4

1 回答 1

0

The getmethod for AJAX request worked alright and served the purpose.

   $.get('xxx.php?sname='+screen_name+'', function(data) {
          $('.bxslider').bxSlider({
          auto:true});
于 2013-04-25T03:21:07.327 回答