美文网首页前端开发我爱编程
Bootstrap popover image preload

Bootstrap popover image preload

作者: KeKeMars | 来源:发表于2015-11-11 11:28 被阅读163次

    Bootstrap使用popover自动弹出图片时,第一次由于图片需要加载,加载的过程中会出现CSS错乱现象,分析了原因,是由于图片没有预加载导致的。

    解决方式就很简单了,代码如下:

    $(function(){
      setTimeout(function(){
        var img = new Image();
        img.src = 'someurl'
      }, 500);
      
      $('#id').popover({
        html: true,
        content: "<img src='someurl'>"
      });
    });
    

    相关文章

      网友评论

        本文标题:Bootstrap popover image preload

        本文链接:https://www.haomeiwen.com/subject/ttyhhttx.html