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

Question

来自杰克·奥康纳的电话输入插件

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

我注意到下载旗帜需要大约一秒钟的时间，我想通过淡入淡出效果来平滑这一点。

有没有人能建议一种方法呢？

Answer 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://stackoverflow.com/a/5058336/217866的图像缓存技术)