Javascript显示隐藏的div

Question

当满足条件时，我想显示一个隐藏的 div，如下所示。

<script>
jQuery.getJSON('http://freegeoip.net/json/', function(location) {
  if (location.country_code == 'AU') {
    jQuery.show(jQuery('#aus'));     
  }
});  
</script>

<div id="aus" style="display:none;">
<div class="bottomBar">

This..

</div>
</div>

Answer 1

首先，您应该将其包装在document.ready ，其次您需要对.show使用以下语法：

jQuery(function() { // Wait for DOM to be ready
    jQuery.getJSON('http://freegeoip.net/json/', function(location) {
      if (location.country_code == 'AU') {
        jQuery('#aus').show(); // Correct syntax for show method
      }
    });
});

Answer 2

尝试这个：

jQuery.getJSON('http://freegeoip.net/json/', function(location) {
  if (location.country_code == 'AU') {
    jQuery("#aus").show();    
  }
});

请通过这个： http : //api.jquery.com/show/