【发布时间】：2020-07-02 11:48:16
【问题描述】：
这是我在这里的第一个问题，我在stackoverflow上搜索过，但无法找到正确的答案。
所以，我实现了一个引导弹出框，其内容仅在第一次点击时显示。 当我第二次打开此弹出窗口时，我的问题发生了：内容没有显示出来。
这里是html代码：
<a href="#" data-toggle="popover" data-placement="bottom" data-trigger="focus">
yolo
</a>
<div id="clickGoogle" style="display:none;" class="open_modal">
<a href="javascript:void(0);" data-href="add_banner.php?id=<?php echo $membre['id'];?>" class="openPopup" style="text-decoration: none">Change banner</a><hr>
<a href="javascript:void(0);" data-href="add_profile.php?id=<?php echo $membre['id'];?>" class="openPopup" style="text-decoration: none">Change avatar</a><hr>
<a href="javascript:void(0);" data-href="settings.php" class="openPopup" style="text-decoration: none">Edit profile</a>
</div>
后面是JS代码：
$(function() {
$('[data-toggle="popover"]').popover({
html:true,
content : function() {
$('#clickGoogle').css({'display':'block'});
return $('#clickGoogle');
}
});
});
我不明白为什么当我想再次打开弹出框时 #clickGoogle 没有出现...？？
我希望我的解释足够清楚，如果没有，请告诉我！
感谢您对此的帮助；）
<!doctype html>
<head>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script>
$(function() {
$('[data-toggle="popover"]').popover({
html:true,
content : function() {
$('#clickGoogle').css({'display':'block'});
return $('#clickGoogle');
}
});
});
</script>
</head>
<body>
<a href="#" data-toggle="popover" data-placement="bottom" data-trigger="focus">
yolo
</a>
<div id="clickGoogle" style="display:none;" class="open_modal">
<a href="javascript:void(0);" data-href="add_banner.php?id=<?php echo $membre['id'];?>" class="openPopup" style="text-decoration: none">Change banner</a><hr>
<a href="javascript:void(0);" data-href="add_profile.php?id=<?php echo $membre['id'];?>" class="openPopup" style="text-decoration: none">Change avatar</a><hr>
<a href="javascript:void(0);" data-href="settings.php" class="openPopup" style="text-decoration: none">Edit profile</a>
</div>
</body>
</html编辑：
提供的解决方案有效，但同时停用了链接，所以我正在寻找另一个解决方案
【问题讨论】：
-
嗨，欢迎来到 stackoverflow。您能否将您的代码添加到 sn-p 中，以便我们对其进行测试并查看问题在哪里？如果我们无法复制它，就很难为您提供帮助。编辑问题时，sn-p 是左起第 7 个图标。
-
完成 ;) 首先尝试我使用的是 sn-p ：太棒了！那么你对我的问题有什么想法吗？干杯
标签： javascript twitter-bootstrap hyperlink popover