开发者社区云计算文章正文

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

2020-09-29 228

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

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

短视频商城源码，两种方式实现点击出现弹窗显示
方案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');