簡體   English   中英

在JavaScript中訪問第三方加載的requireJS包

[英]Access third party-loaded requireJS package in JavaScript

我正在嘗試找出如何在我的requireJS JavaScript中訪問Intl-Tel-Input庫。 我有以下代碼,我需要將回調保存在requireJS模塊之外,因為第三方代碼正在訪問它。

如何訪問callback函數中的intlTelInput代碼?

在我的Twig模板中:

<script type="text/javascript">
    require(['crmpicco/details'], function(details) {
        details.init();
    });
    var callback = function (response) {            
        // I want to access intlTelInput in here    
    };
</script>

我在config.js有這個:

require = {
    baseUrl: '/assets/js',
    paths: {
        'intl-tel-input': '/assets/vendor/intl-tel-input/build/js/intlTelInput.min',
    },
    shim: {
        'intl-tel-input': {
            deps: ['libphonenumber-utils']
        },
    }
};

據我了解,您需要類似以下代碼段的內容,請看一看

 <head> <script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.3/require.min.js"></script> <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/11.0.10/css/intlTelInput.css" /> <script> require.config({ paths: { 'intl-tel-input': 'https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/11.0.10/js/intlTelInput', 'jquery': 'https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min' } }); </script> </head> <body> <input id="some-input" /> <script> require(['intl-tel-input'], function () { function someCallback(){ $('#some-input').intlTelInput(); } setTimeout(someCallback, 1000); }); </script> </body> 

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM