我在我的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是由谷歌生成的:
对于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)