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

Question

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

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 的图像缓存技术)