短视频商城源码，两种方式实现点击出现弹窗显示

时间:2022-07-26
本文章向大家介绍短视频商城源码，两种方式实现点击出现弹窗显示，主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项，具有一定的参考价值，需要的朋友可以参考一下。

方案1：

var div = document.createElement('div');
var marker = new ol.Overlay({
    element : div,
    id : mkId,
    position : newPos,
    positioning : 'center-center'
   });
 map.addOverlay(marker);
$(div).popover({
            'placement': 'top',
             'animation': false,
             'html': true,
             'title':'<div id="tcontent" ><a>'+feature.get('name')+'</a></div>',
             'content': getNationFltHTML(feature)
            });
    $(div).popover('show');

方案2：

var div = document.createElement('div');
var marker = new ol.Overlay({
    element : div,
    id : mkId,
    position : newPos,
    positioning : 'center-center'
   });
 map.addOverlay(marker);
$(div).popover({
            'placement': 'top',
             'animation': false,
             'html': true,
             'title':'<div id="tcontent" ><a>'+feature.get('name')+'</a></div>',
             'content': getNationFltHTML(feature)
            });
    $(div).popover('show');

随机文章
本站知识点必读
最近更新