jQuery技术:使用谷歌地图时显示div

我在我的rails应用程序中使用google map api,当有人使用地图时,我想用jquery显示div。

地图包含在id为search_map_container的div中,所以我尝试了

$('#search_map_container').click(function() { $('#my_div').show(); }); 

但它失败了。 它也会因.focus() .focusin() .mouseenter().change()事件而失败。

对于putvande:我的html是一个简单的div:

 
This is a test

谷歌地图html是由谷歌生成的:

 
... Google map code ...

对于Bharat Soni:我的意思是当有人点击谷歌地图或滚动或缩放。

    您尝试单击的容器没有id “search_map_container”,而是“search_map_container” class 。 所以它应该是:

     $('.search_map_container').click(function() { $('#my_div').show(); }); 

    您也可以使用Google地图事件监听器执行此操作:

     google.maps.event.addListener(map, 'center_changed', function() { $('#my_div').show(); }); google.maps.event.addListener(map, 'click', function() { $('#my_div').show(); }); google.maps.event.addListener(map, 'zoom_changed', function() { $('#my_div').show(); }); 

    见这里: http : //jsfiddle.net/RSBgP/

      以上就是jQuery教程分享使用谷歌地图时显示div相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。

      本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。

      ctvol管理联系方式QQ:251552304

      本文章地址:https://www.ctvol.com/jquerytutorial/541543.html

      (0)
      上一篇 2021年1月4日
      下一篇 2021年1月4日

      精彩推荐