gpt4 book ai didi

javascript - Bootstrap 弹出窗口对我来说永远不起作用

转载 作者:行者123 更新时间:2023-12-02 17:32:59 25 4
gpt4 key购买 nike

我在 Bootstrap 弹出窗口方面遇到了问题,而且我一直对此感到困惑,即使在我阅读了 stackoverflow 上的一些帖子之后也是如此。这是我的完整代码,弹出窗口不起作用。我不知道为什么。有人可以帮助我吗?

<!DOCTYPE html>
<html>

<head>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.1/js/bootstrap- popover.js"></script>
<script src="http://w3resource.com/twitter-bootstrap/twitter-bootstrap-v2/js/bootstrap-tooltip.js"></script>
<script>
$(document).ready(function() {
$('.moreoption').popover({
placement : 'top', // top, bottom, left or right
title : 'This is my Title',
html: 'true',
content : 'hi'
});
});
</script>
</head>
<body>
<a href="#" title="" class="moreoption" style="color:black;font-size:13">more</a>
</body>
</html>

我想问的另一个问题是,当我们想在bootstrap中使用popover、tooltips功能时,我们是否需要包含文件“bootstrap-tooltips.js”和“bootstrap-popover.js”作为我们的js来源?或者我们只需要包含“bootstrap.min.js”?

非常感谢。

最佳答案

看起来您正在加载整个 Bootstrap 3,然后在其上翻转 Bootstrap 2 的 Popover 和 Tooltip 文件。您将加载 Bootstrap 的各个部分两次,并且加载两个不同的版本。删除 Bootstrap 2 文件,您就可以开始工作了。

要回答您的后续问题,您可以选择加载所有 Bootstrap 或仅加载您想要的组件。无需两者都做。

您还需要加载 Bootstrap CSS 文件,顺便说一下:http://www.bootstrapcdn.com

http://jsfiddle.net/isherwood/saAAk/

$(document).ready(function () {
$('.moreoption').popover({
placement: 'top', // top, bottom, left or right
title: 'This is my Title',
html: 'true',
content: 'hi'
});
});

关于javascript - Bootstrap 弹出窗口对我来说永远不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22888400/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com