将淡入效果添加到intl-tel-input插件中

Question

来自Jack O＆＃39; 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的图像缓存技术）