Div可见时调用Twitter脚本

时间:2012-06-05 17:27:04

标签: html javascript-events twitter visibility

在我的页面上,有一个脚本像这样调用Twitter:

此div的初始可见性已隐藏。

      <div class="YGNH DSL" id="twitter_update_list">
    <script type="text/javascript" src="../js/tweetsv3.js"></script>
    <script type="text/javascript" src="http://twitter.com/statuses/user_timeline/WebMasterAmy.json?callback=twitterCallback2&count=1">
    </script>
  </div>

所有的js都是twitters,但是现在,当页面加载时调用twitter并且它使页面加载速度变慢,所以我想在只有<div class="YGNH DSL" id="twitter_update_list">可见时才调用脚本。

1 个答案:

答案 0 :(得分:0)

如果您正在使用jQuery,则可以执行类似

的操作
function toggleTwitterDiv() {
    var div = $('#twitter_update_list');
    div.toggle(function() {
        if (div.is(':visible')) {
            //make twitter call here
        }
    })
}

toggleTwitterDiv();