У меня есть кнопка, где я подключил onclick к вызову, чтобы получить местоположение пользователя, а затем использовать его, чтобы сделать другой вызов, чтобы получить список ближайших местоположений. По какой-то причине метод успешной геолокации вызывается дважды при втором нажатии кнопки.
Итак, я загружаю страницу, нажимаю кнопку, разрешаю использовать мое местоположение, и он сделает один запрос ajax, чтобы получить близлежащие местоположения. Это прекрасно работает.
Я снова нажимаю кнопку, разрешаю использовать мое местоположение (снова), он сделает один запрос ajax, чтобы получить места, подождать ~ 2 секунды, а затем сделать другой запрос, используя те же координаты, без разрешения. Поэтому метод успеха нужно получать дважды, но я не уверен, почему.
$("#FindLocation").click(function () {
myScript.findNearbyLocations(displayData, displayError);
});
Эта функция click не вызывается дважды, и я прокомментировал весь код в displayData и displayError.
findNearbyLocations: function (onSuccess, onFailure) {
if (navigator.geolocation) {
browserSupportFlag = true;
navigator.geolocation.getCurrentPosition(function (position) {
alert('This is getting called twice except on the initial call.');
myScript.findStores(position.coords.latitude, position.coords.longitude, onSuccess, onFailure);
}, function () {
onFailure(true);
});
}
}
Кто-нибудь видит, где я ошибся?
Изменить: я не думаю, что разметка является проблемой. Я использую только базовые веб-страницы для тестирования. На данный момент нет стилей или других элементов.
<form id="form1" runat="server">
<div>
<MyControls:Search ID="Search" runat="server" />
</div>
</form>
и пользовательский элемент управления (вместе со всеми необходимыми javascript)
<script type="text/javascript">
$(document).ready(function () {
$("#FindLocation").click(function () {
myScript.findNearbyLocations(displayData, displayError);
});
});
</script>
<input type="button" id="FindLocation" value="Find Location" />
<div id="results">
</div>