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/

Javascript显示隐藏的div

2 个答案: