Question

我是jquery的新手。我正在开发谷歌地图drage活动，我要求如果用户拖动googlemaps，则应隐藏一些UI元素。

如果拖动事件不在5秒之间，隐藏的UI元素应该是再次显示。我的拖动事件如下：

google.maps.event.addListener(map, 'dragend', custom() 
{ alert('marker dragged'); } );

如果拖动谷歌地图，则应调用以下功能

function custom(){ $("#p").hide() ;}

// if drag event is not triggered in between 5 sec it should call below
function showUIelement() { $("#p").show();}

有人可以告诉我应该写什么逻辑。

Answer 1

怎么样：

google.maps.event.addListener(map, 'drag', function() { hideUI(5); } );
google.maps.event.addListener(map, 'dragend', function() { showUI(.4); } );

那是你的地图，但你需要这个功能：

var hideUI = function(hiddenTime) {  
hiddenTime = (hiddenTime * 1000);
$( "#p" ).fadeOut(hiddenTime / 8).delay(hiddenTime).fadeIn(hiddenTime / 8);
    return true;
}   

var showUI = function(animationTime) {  
animationTime= (animationTime* 1000);
$( "#p" ).fadeIn(animationTime);
    return true;
}

PS。记住范围（地图必须能够访问这些功能！）

当拖动事件在谷歌地图上时如何触发jquery自定义功能

1 个答案: