Javascript 当Div可见时调用Twitter脚本
在我的页面上,有一个脚本调用Twitter,如下所示: 此div的初始可见性已隐藏Javascript 当Div可见时调用Twitter脚本,javascript,html,twitter,dom-events,visibility,Javascript,Html,Twitter,Dom Events,Visibility,在我的页面上,有一个脚本调用Twitter,如下所示: 此div的初始可见性已隐藏 <div class="YGNH DSL" id="twitter_update_list"> <script type="text/javascript" src="../js/tweetsv3.js"></script> <script type="text/ja
<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,这会使页面加载变慢,所以我想让它成为只有当
可见时才会调用脚本的地方。如果使用jQuery,可以执行以下操作
function toggleTwitterDiv() {
var div = $('#twitter_update_list');
div.toggle(function() {
if (div.is(':visible')) {
//make twitter call here
}
})
}
toggleTwitterDiv();
我是把它放在js文件中,还是放在页面的head部分,还是将它添加到div中的脚本中?如果您使用jquery,那么在加载jquery之后,您可以将它放在任何需要的地方。您需要将其连接到某种类型的事件处理程序,因为我假设您将单击某个东西来切换此div的可见性。我似乎无法理解它,因为第二行脚本正在调用twitter onload,而事件正在单击另一个div容器。如果我移动第二行代码,那么文本不会显示在我希望它显示的div中。你可以看看这个网站:点击龙尾div显示tweet div。谢谢你的帮助。