当jquery元素不存在时保持空白?

时间:2016-03-24 11:50:26

标签: jquery css

一旦从服务器获取数据,我就会显示gage。只有在收到数据后才会显示量具但是我试图找出当量具不存在时如何在html中保持空白区域?目前,当量具不存在时,我的页面会跳起来,一旦出现就会弹出。我真的希望它能够淡入我想。非常感谢。

html

<div id="gauge" class="400x260px"></div>

Jquery的

<script>
$(document).ready(function(){
$("#submitButtonId").on("click",function(e){
  e.preventDefault();

//Post form 
var formdata = $(this.form).serialize();
    $.post('insert.php', formdata,
           function(data){
  //Reset Form
$('#myform')[0].reset();  
fetchRowCount();
    });

    return false;
 });
});
//Fetch data from server
function fetchRowCount() {
     $.ajax({
                    url: 'server2.php',
                    dataType: "json",
                    success: function (data) {
$("#rows").html(data.rows);
$("#min").html(data.min);
$("#max").html(data.max);
$("#mean").html(data.total);

//Show gage once json is receved from server

           var gage = new JustGage({
          id: "gauge",
          value: data.total,
          min: 1,
          max: 100,
          title: "Sample Data"
       });

                    }
     });

}
</script>

1 个答案:

答案 0 :(得分:0)

用css:

#gauge {
    height: 260px;
}

使用jquery:

$('#guage').css({'height': '260px'});

Css应该是首选选项。

编辑:如果元素不是那个高度,你总是可以使用最小高度。