Имитировать щелчок элемента

Question

Имейте пользовательскую карту (http://atlas.nrcan.gc.ca/site/english/toporama/index.html), и она имеет кнопку увеличения. Этот зум не имеет встроенного события onclick.

Мне нужно иметь div (за пределами карты), а при щелчке => должен имитировать эффект увеличения.

Я попытался это:

onclick="$('#OpenLayers.Control.PanZoomBar_3_zoomin').click()" 

, но это не имеет никакого эффекта.

Эффект масштабирования является своего рода сложным, и я не хочу, чтобы он искал источник, чтобы найти функцию, которую вызывается для масштабирования. Единственное, что мне нужно, это имитировать щелчок, что-то вроде ярлыка кнопки увеличения.

Любые предложения?

Answer 1

АНИ имеет методы, построенные в

OpenLayers объект Карта хранится в глобальной переменной с именем map

Для увеличения:

map.zoomIn(); 

Для уменьшения масштаба изображения:

map.zoomOut(); 

Answer 2

Я предполагаю, что есть функция где-то, которая инициирует событие масштабирования (в зависимости от того, откуда происходит карта). Вы должны иметь возможность повторно использовать его со своей собственной функцией щелчка.

$('#myElement').click(function(){ 

//callback to zoom function 

}); 

EDIT:

Если вы хотите, чтобы имитировать щелчок, я хотел бы посмотреть на .trigger();

$('#OpenLayers.Control.PanZoomBar_3_zoomin').trigger('click'); 

http://api.jquery.com/trigger/

Answer 3

Попробуйте $('#OpenLayers\\.Control\\.PanZoomBar_3_zoomin').trigger("click") в функции

EDIT: Вам необходимо удвоить периоды, чтобы вы не пытались выбирать классы.

Answer 4

Вобще

<script> 
    $(function(){ 
     $('#OpenLayers.Control.PanZoomBar_3_zoomin').click(function(){Do stuff here}) 
    }); 
</script>