向 intl-tel-input 插件添加淡入淡出效果

Posted 2023-05-09

【中文标题】向 intl-tel-input 插件添加淡入淡出效果

【英文标题】：Adding fade in effect to intl-tel-input plugin

【发布时间】：2014-10-07 22:45:02

【问题描述】：

来自 Jack O'connor 的电话输入插件

https://github.com/Bluefieldscom/intl-tel-input

我注意到下载标志大约需要一秒钟，我想通过淡入效果来平滑它。

谁能建议一种方法来做到这一点？

【问题讨论】：

仅供参考github.com/Bluefieldscom/intl-tel-input/issues/75

【参考方案1】：

原来只是多出几行 jQuery：

var selectedFlag = $(".intl-tel-input .selected-flag .flag");
selectedFlag.hide();
$('<img/>').attr('src', '/path/to/flags.png').load(function() 
   $(this).remove(); // prevent memory leaks
   selectedFlag.fadeIn(2000);
);

在这里演示：http://codepen.io/jackocnr/pen/gLKtf

（来自https://***.com/a/5058336/217866的图像缓存技术）