模拟图元的单击
Simulate click of an element
拥有自定义映射(http://atlas.nrcan.gc.ca/site/english/toporama/index.html),并且它有缩放按钮。此缩放没有内联onclick事件。
我需要一个div(在地图外),当它被点击=>时,应该模拟放大效果。
我试过这个:
onclick="$('#OpenLayers.Control.PanZoomBar_3_zoomin').click()"
但没有效果。
缩放效果有点复杂,我不想挖掘源代码来找到缩放所需的函数。我唯一需要的就是模拟点击,类似于缩放按钮的快捷方式。
有什么建议吗?
该api具有在中构建的方法
OpenLayers Map对象存储在名为map
的全局变量中
放大:
map.zoomIn();
缩小:
map.zoomOut();
只需进行
<script>
$(function(){
$('#OpenLayers.Control.PanZoomBar_3_zoomin').click(function(){Do stuff here})
});
</script>
在函数中尝试$('#OpenLayers''.Control''.PanZoomBar_3_zoomin').trigger("click")
编辑: 您需要将句点双斜线,这样就不会试图选择类。
我假设某个地方有一个函数可以启动缩放事件(取决于地图的来源)。您应该能够通过自己的点击功能重复使用它。
$('#myElement').click(function(){
//callback to zoom function
});
编辑:
如果你想模拟点击,我会研究.trigger();
$('#OpenLayers.Control.PanZoomBar_3_zoomin').trigger('click');
http://api.jquery.com/trigger/
相关文章:
- d3.js条形图未根据单击事件进行更新
- 使用共享工具提示时,单击Highcharts柱形图会返回不正确的序列索引
- 添加ng单击到highcharts ng柱状图xAxis标签
- 传单问题:使折线的图层组不可单击
- 高图热图:单击按钮或复选框时选择所有单元格
- D3js 饼图单击事件不起作用
- 单击图元模拟Esc键
- 如何通过在灯箱外单击或在与图像贴图组合时点击esc退出灯箱
- 如何通过单击Highchart图中的列/栏打开新窗口/选项卡
- 融合图表 - 在柱形图2D图表中单击时更改条形的颜色
- 如何告诉我单击哪个元素来触发模糊事件处理程序
- 单击图库打开的图像
- 如何通过单击html元素来获取xpath
- 获取当前单击的相对于图元的坐标
- 单击整个元素以注册单选按钮值
- 选择单击的图元,而不是其父图元
- 当单击页面上的任何位置时隐藏元素,并通过单击其他元素来显示它
- 模拟图元的单击
- 通过单击一个元素来启用和禁用鼠标滚动
- 单击不处理新插入的图元的事件