0

我已将 Twitter 提要集成到网站中，如果http://twitter.com/something无法到达最终位置（大概是 ），则提要不会显示。这是理想的，但是我在提要正上方放置了一个标题 div，无论提要是否显示在页面上，它都保持可见。

如果无法访问 URL，是否可以阻止 div ( #title) 显示？我发现了 JavaScript 片段，它们看起来会根据正在查看的文件的 URL 隐藏一个 div，但这在我的情况下似乎不起作用。

HTML：

  <div id="title">
    <h3>Latest Tweets</h3>
  </div>
  <div id="twitter_update_list">
    <script type="text/javascript" src="http://twitter.com/javascripts/blogger.js">  
    </script>
    <script type="text/javascript" src="http://api.twitter.com/1/statuses/user_timeline/SW_Trains.json?callback=twitterCallback2&count=3">
    </script>
  </div>

提前谢谢了。我知道这对于 JS 可能是不可能的。

4

3 回答 3

0

也许像

var divContent = document.getElementById('twitter_update_list');
if (NOT divContent) {
    //no content detected
    document.getElementById('title').style.visibility = 'hidden'; 
}

这是未经测试的，我不知道它是否有效。您必须创建一个函数，该函数将在页面完全加载后执行。也许像：

window.onload = function(){
  // your code...
};
于 2013-04-12T11:05:12.927 回答
0

加载后创建一个函数来测试将保存内容的 div 的内容。如果为空，则隐藏您需要隐藏的任何内容。

于 2013-04-12T11:09:47.503 回答
0

用这个。

<div id="title" style="display:none;">
 <h3>Latest Tweets</h3>
</div>

<div id="twitter_update_list">
 <script type="text/javascript" src="http://twitter.com/javascripts/blogger.js">  
 </script>
 <script type="text/javascript" src="http://api.twitter.com/1/statuses/user_timeline/SW_Trains.json?callback=twitterCallback2&count=3">
 </script>
</div>

<script type="text/javascript">
 window.onload = function(){

  var tdata = jQuery('#twitter_update_list').html().length;

  if(tdata > 0)
  {
     jQuery('#title').css('display','block');
  }
  else
  {
     jQuery('#title').css('display','none');
  }
 } 

</script>

可能对你有帮助。

于 2013-04-12T11:19:07.537 回答