//触发摇一摇
$('#J_yao').on('click',function (){
  $('#shake').addClass('show');
	$('#shake .shakeTop').addClass('slideDown');
   $('#shake .shakeBottom').addClass('slideUp');
  
});


$('.shakeTop').on('webkitTransitionEnd',function (){
  //显示中间的摇动图标
  if($(this).hasClass('slideDown')){
  	$('.shake-icon').hide();
     $('.shake-animation-icon').show();
	  setTimeout(function(){
  		getDateSuccess('fake data');
  	},2000)
  }else {
    $('#shake').removeClass('show');
  }
});

//获取数据成功后
function getDateSuccess(data){
	console.log('抓取数据成功',data);
   $('.shake-icon').show();
   $('.shake-animation-icon').hide();
   $('#shake .shakeTop').removeClass('slideDown');
   $('#shake .shakeBottom').removeClass('slideUp');
}