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