Город Geoip Span не работает второй раз - PullRequest
Новая
       38

Город Geoip Span не работает второй раз

0 голосов
/ 01 мая 2018

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

Вот код, который я использую. что я делаю не так?

В этом коде, когда вы запустите его, вы заметите, что он будет отображать ваш город только 1 раз, второй код по какой-то причине не запустится. Я надеюсь, что я понимаю, о чем я спрашиваю. Не стесняйтесь задавать любые вопросы.

Это часть скриптов: 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<script src="https://js.maxmind.com/js/apis/geoip2/v2.1/geoip2.js" type="text/javascript"></script>

<script>
    var onSuccess = function(geoipResponse) {
        var cityElement = document.getElementById('city');
        if (cityElement) {
            cityElement.textContent = geoipResponse.city.names.en || 'Unknown city';
        }

        var countryElement = document.getElementById('country');
        if (countryElement) {
            countryElement.textContent = geoipResponse.country.names.en || 'Unknown country';
        }
    };

    var onError = function(error) {
        window.console.log("something went wrong: " + error.error)
    };

    var onLoad = function() {
        geoip2.city(onSuccess, onError);
    };

    // Run the lookup when the document is loaded and parsed. You could
    // also use something like $(document).ready(onLoad) if you use jQuery.
    document.addEventListener('DOMContentLoaded', onLoad);
    </script>

Это часть тела: 

<span id="country"></span> <span id="city"></span><span id="city"></span>

1 Ответ

0 голосов
/ 01 мая 2018

Спасибо за помощь, как вы предложили, скопировав 

var cityElement = document.getElementById('city');

и переименование в city2 по второму коду у меня сработало. это простой обходной путь, но он работает для меня.

Спасибо:)

...