スクリプトを読み込んだ後にイベントを使用する

Question

スクリプトの関数を使用する2つのイベントがあります。スクリプトをロードした後でのみ、この関数の使用を開始する方法は？

グーグルクロームコンソールで

<script src="~/lib/jquery/dist/jquery.js"></script> 
<script src="~/lib/intl-tel-input/js/intlTelInput.js"></script> 
    <script> 
     var settings = { 
      utilsScript: "../lib/intl-tel-input/js/utils.js", 
      initialCountry: "auto", 
      geoIpLookup: function (callback) { 
       $.get("http://ipinfo.io", function() { }, "jsonp").always(function (resp) { 
        var countryCode = (resp && resp.country) ? resp.country : ""; 
        callback(countryCode); 
       }); 
      } 
     }; 
     $("#phoneNumber").intlTelInput(settings); 
     $("#viber").intlTelInput(settings); 

     $("#phoneNumber").on('input', function (e) { 
      var intlNumber = $("#phoneNumber").intlTelInput("getNumber"); 
      $("#viber").intlTelInput("setNumber", intlNumber); 
     }); 
     $("#phoneNumber").on("countrychange", function (e, countryData) { 
      $("#viber").intlTelInput("setCountry", countryData.iso2); 
     }); 
</script> 

：私はスクリプトのセクションでスクリプトを位置だし、それが問題を解決

Uncaught TypeError: $(...).intlTelInput is not a function 

Answer 1

。

@section Scripts { 
     <script src="~/lib/intl-tel-input/js/intlTelInput.js"></script> 
     <script> 
      $(document).ready(function() { 
       var settings = { 
        utilsScript: "../lib/intl-tel-input/js/utils.js", 
        initialCountry: "auto", 
        geoIpLookup: function (callback) { 
         $.get("http://ipinfo.io", function() { }, "jsonp").always(function (resp) { 
          var countryCode = (resp && resp.country) ? resp.country : ""; 
          callback(countryCode); 
         }); 
        } 
       }; 
       $("#phoneNumber").intlTelInput(settings); 
       $("#viber").intlTelInput(settings); 

       $("#phoneNumber").on('input', function (e) { 
        var intlNumber = $("#phoneNumber").intlTelInput("getNumber"); 
        $("#viber").intlTelInput("setNumber", intlNumber); 
       }); 
       $("#phoneNumber").on("countrychange", function (e, countryData) { 
        $("#viber").intlTelInput("setCountry", countryData.iso2); 
       }); 
      }); 
     </script> 

Answer 2

使用$(document).ready(function(){})

<script src="~/lib/jquery/dist/jquery.js"></script> 
<script src="~/lib/intl-tel-input/js/intlTelInput.js"></script> 
<script> 
    $(document).ready(function(){ 
     var settings = { 
      utilsScript: "../lib/intl-tel-input/js/utils.js", 
      initialCountry: "auto", 
      geoIpLookup: function (callback) { 
       $.get("http://ipinfo.io", function() { }, "jsonp").always(function (resp) { 
        var countryCode = (resp && resp.country) ? resp.country : ""; 
        callback(countryCode); 
       }); 
      } 
     }; 
     $("#phoneNumber").intlTelInput(settings); 
     $("#viber").intlTelInput(settings); 

     $("#phoneNumber").on('input', function (e) { 
      var intlNumber = $("#phoneNumber").intlTelInput("getNumber"); 
      $("#viber").intlTelInput("setNumber", intlNumber); 
     }); 
     $("#phoneNumber").on("countrychange", function (e, countryData) { 
      $("#viber").intlTelInput("setCountry", countryData.iso2); 
     }); 
    }); 
</script>