bootstrap
应用场景
在openlayer中,使用
<div id="popup" style="width: 100px;"></div>
样式如下:
var element = document.getElementById('popup');
element.style.width = "300px";
element.style.height = "0px"
var popup = new ol.Overlay({
element: element,
positioning: 'bottom-center',
stopEvent: false,
offset: [0, -10],
});
map.addOverlay(popup);
实现代码如下:
$(element).popover({
container: element,
html: true,
sanitize: false,
content: ("\n <table>\n <tbody>\n <tr><th>stcd</th><td>" +1+ "</td></tr>\n <tr><th>stnm</th><td >" + 2 + "</td></tr>\n <tr><th>value</th><td>" + 3 + "</td></tr>\n </tbody>\n </table>"),
placement: Popupwhere,
// placement: "left",
});
调用展示可以,调用销毁失败
.
展示:
$(element).popover('show');
销毁:
$(element).popover('destroy');
报错展示:
修改:
$(element).popover('destroy'); ==>. $(element).popover('dispose');
原理
:
从 4.1 版开始,该方法destroy已被替换为dispose,可以在这里查看变更
建议
:
1. 如果你只是打算关闭它,你应该使用hide而不是destroy/dispose。
2.您也可以直接传递延迟作为延迟显示或隐藏的选项