Dcat-admin intlTelInput 和 自定义页面问题

Dcat-admin 自定义页面 集成了 intlTelInput.js (国家代码选择)
如果从左侧菜单里点击页面,就不会显示(国家代码选择),重新刷新一次页面 又成功加载并显示了

<script>
document.addEventListener('DOMContentLoaded', function() {
    var input = document.querySelector("#phone");
    var iti = intlTelInput(input, {
        initialCountry: "hk",
        utilsScript: "https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/21.2.4/js/utils.js"
    });

    input.addEventListener('countrychange', function() {
        var countryData = iti.getSelectedCountryData();
        document.querySelector("#country_code").value = countryData.dialCode;
    });

    document.querySelector("#country_code").value = iti.getSelectedCountryData().dialCode;
});
</script>
《L05 电商实战》
从零开发一个电商项目,功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等
《L02 从零构建论坛系统》
以构建论坛项目 LaraBBS 为线索,展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。
最佳答案

加载ready用admin的方式引入js

1年前 评论
讨论数量: 1

加载ready用admin的方式引入js

1年前 评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!