Question

我正试图在jquery中制作一个带有滑动推文的推特框对于我正在使用的滑动部分：http://jquery.malsup.com/cycle/以及检索推文：http://theodin.co.uk/blog/jquery/tweetable-1-6-launched.html。

在我的html文件之上我已经把它：

<script type="text/javascript">
jQuery(document).ready(function($){
  $('#tweets').tweetable({
    username: 'jquery',
    limit: 5,
    time: true,
    replies: false
  });
  $('#twitter ul').cycle({
    fx: "scrollUp",
    speed: 600,
    timeout: 4000
  });
});
</script>

HTML标记是这样的：

<div id="twitter-wrapper">
  <div id="twitter">
    <img src="images/icons/twitter_newbird_blue.png">
    <div id="tweets"></div>
  </div>
</div>

这两个脚本都能很好地工作，问题是'cycle（）'函数不会等待'tweetable（）'函数完成...
我不知道如何让它发挥作用。也许一个回调函数？但是如何？

感谢。

Answer 1

您需要更改代码以在tweetable的onComplete方法中添加循环。类似的东西：

<script type="text/javascript">
jQuery(document).ready(function($){
  $('#tweets').tweetable({
    username: 'jquery',
    limit: 5,
    time: true,
    replies: false,
    onComplete: function(){
      $('#twitter ul').cycle({
        fx: "scrollUp",
        speed: 600,
        timeout: 4000
      });
    }
  });
});
</script>

jquery：等待脚本完成，然后再启动另一个脚本

1 个答案: