javascript - 使用 Bootstrap 可视化弹出窗口

标签 javascript html twitter-bootstrap

我正在使用 bootstrap,我正在尝试 javascript,当你点击某个对象时,它应该可视化一个弹出窗口,在我的例子中是部分隐藏的文本。 这是我的代码:

<html>
<head>
        <link href="bootstrap.min.css" rel="stylesheet">
        <link href="bootstrap.min.js" rel="stylesheet">
        <script>
$('#text').popover()
</script>
</head>



<body>
<a id="text" href="#" class="btn btn-link" data-content='I want to visualize this when i click on it !' data-placement="bottom">I see this </a>
</body>
</html>

当我点击可视化文本(即“我看到了”)时,我什么也没做。 显然我的整个代码不止于此,但实际上这个脚本在像这样的简单 HTML 中不起作用。

最佳答案

javascript 作为样式表加载:替换 <link href="bootstrap.min.js" rel="stylesheet"><script src="bootstrap.min.js"></script>最好把它放在 </body> 之前标签

关于javascript - 使用 Bootstrap 可视化弹出窗口,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23754158/

相关文章:

javascript - angular.extend 在 Angularjs 应用程序中无法合并 2 个数组

html - 导航栏下的空白(溢出)

php - 我正在通过 php 获取 VARCHAR 变量,并希望使用 HTML/CSS 显示它。我如何自动格式化它,使其不是一个长句子

javascript - Bootstrap 选项卡以 Secondtab 中的大空白开头

javascript - Pnotify - 在模态背景上显示通知

javascript - jQuery 为数组赋值给出错误 undefined variable

javascript - 在使用 ngBindHtml 呈现的 html 片段上调用 ​​js 函数

javascript - 当从外部分配值时,更改事件不适用于文本框

html - 使用 rvest 包提取两条 html 水平线之间的文本

javascript - 调用 $scope.$apply 时 AngularJS View 不更新