Question

我已将Twitter Feed整合到网站中，如果无法联系到最终位置（可能是http://twitter.com/something），则不会显示Feed。这是理想的，但是我有一个直接放在Feed上方的标题div，无论页面上是否显示了Feed，它都会保持可见。

如果无法访问网址，是否可以阻止显示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可能无法做到这一点。

Answer 1

也许......好像

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

这是未经测试的，我不知道它是否有效。您必须创建一个在页面完全加载时执行的功能。也许是这样的：

window.onload = function(){
  // your code...
};

Answer 2

加载后创建一个函数来测试将保存内容的div的内容。如果是空的，只需隐藏你需要隐藏的内容。

Answer 3

使用它。

<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>

可能对你有帮助。

如果无法访问URL，如何隐藏div？

3 个答案: