delayed plugin load

Call plugin dynamically

by Akram kamal

HTML

<script src="//maps.googleapis.com/maps/api/js?libraries=places"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/geocomplete/1.7.0/jquery.geocomplete.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/geocomplete/1.7.0/jquery.geocomplete.min.js"></script>
<input class="address-geocomplete">

JavaScript

setTimeout(function() {
    $("body").append('<input class="address-geocomplete">')
}, 5000)

$(document).on("focus", ".address-geocomplete:not(.alreadyXed)", function() {
    $(this).addClass("alreadyXed")
    console.log(this)
    $(this).geocomplete({
        country: "US",
        details: ".details",
        detailsAttribute: "data-geo"
    });

})