个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
24
4
我正在为我设置的一个非常简单的测试页面测试 Bootstrap Tour。内容显示，但由于某种原因，游览功能没有启动。谁能告诉我我可能做错了什么？
谢谢 :)
请在下面找到我的代码
<html>
<head>
<meta charset="utf-8">
<title> This is a testing page for bootstrap tour </title>
<link href="../bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="../bootstraptour/build/css/bootstrap-tour.min.css" rel="stylesheet">
<link href="../bootstraptour/build/css/bootstrap-tour-standalone.min.css" rel="stylesheet">
</head>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="../bootstrap/js/jquery.min.js"></script>
<script src="../bootstrap/js/bootstrap.min.js"></script>
<script src="../bootstraptour/build/js/bootstrap-tour.min.js"></script>
<script src="../bootstraptour/build/js/bootstrap-tour-standalone.min.js"></script>
<script>
var tour = new Tour();
// Add your steps. Not too many, you don't really want to get your users sleepy
tour.addSteps([{
element: "#content", // string (jQuery selector) - html element next to which the step popover should be shown
title: "Title of my step", // string - title of the popover
content: "Content of my step" // string - content of the popover
}, {
element: "#content1",
title: "Title of my step",
content: "Content of my step"
}]);
// Initialize the tour
tour.init();
// Start the tour
tour.start();
</script>
<body>
<div id="content">
Hello, World!
</div>
<br>
<br>
<br>
<div id="content1">
Another Hello, World!
</div>
</body>
</html>
最佳答案
您应该包括任一个 bootstrap-tour.min.css/bootstrap-tour.min.js(当您包括bootstrap.min.css/bootstrap.min.js 自己)或 bootstrap-tour-standalone.min.css/bootstrap-tour-standalone.min.js，但不能同时使用。请参阅 bootstrap tour homepage 上的说明.
这是一个工作片段:
var tour = new Tour();
// Add your steps. Not too many, you don't really want to get your users sleepy
tour.addSteps([{
element: "#content", // string (jQuery selector) - html element next to which the step popover should be shown
title: "Title of my step", // string - title of the popover
content: "Content of my step" // string - content of the popover
}, {
element: "#content1",
title: "Title of my step",
content: "Content of my step"
}]);
// Initialize the tour
tour.init();
// Start the tour
tour.start();<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-tour/0.11.0/js/bootstrap-tour-standalone.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-tour/0.11.0/css/bootstrap-tour-standalone.min.css" rel="stylesheet"/>
<div id="content">
Hello, World!
</div>
<br>
<br>
<br>
<div id="content1">
Another Hello, World!
</div>关于javascript - Bootstrap 之旅不工作，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/40583862/
24
4
0
我是docker的新手，我正在尝试将Angular示例项目“Tour of heros”进行docker化，您可以在这里找到: https://angular.io/generated/zips/to
当我点击“结束游览”按钮时，我无法再次开始 Bootstrap 游览。我搜索了所有 documentation ，但我还没有找到解决方案。 最佳答案 也试试 tour.restart()。我刚刚问了同
我正在浏览Tour C++中的Aliases模板。我不明白下面的代码以及如何使用它？ template class Vector { public: using value_type = T;
我已经实现了intro.js到我的网站。但我只想在第一次访问时开始旅行。可能是通过使用cookie..网站是用html而不是php制作的.. 最佳答案 JavaScript cookie 是一种解决方
我想使用Knockout.js与 Bootstrap Tour 。特别是，我想将一些数据绑定(bind)点击处理程序附加到游览步骤中的按钮。 我创建了一个像这样的简单游览: var tour = ne
我正在学习着名的 Angular 教程，英雄之旅，但我正在努力迈出一步。 关于 sixth course, HTTP ，我们正在使用一种工具来模拟对 API 的 API 调用。 我想我遵循了所有步骤，
我正在做 Go 之旅，这部分是“slice 就像对数组的引用”。我根本没有更改此代码，所以我很好奇为什么它会耗尽内存。 最佳答案 不应该崩溃，可能是旅游网站有一段时间出了问题......目前任何方式，
A Tour of Go #23 : package main import ( "fmt" "math" ) func pow(x, n, lim float64) float64
无法将其分解为更小的示例...所以我使用 std::multimap 来存储一些值...这是一个简单的多项式类。 问题是最后一个函数，它将两个多项式相乘。当它与它们相乘时，它会产生一个具有多项式的多项
环境:Angular 5+ 来源:https://angular.io/tutorial 在 heroes.component.ts 类中有一个带冒号的赋值，如下所示: export class He
代码 let interestingNumbers = [ "Prime": [2, 3, 5, 7, 11, 13], "Fibonacci": [1, 1, 2, 3, 5, 8]
在 Bootstrap 演练中，我们有下一个和上一个按钮。在此点击下一步按钮，我们进入下一步。 但我想添加条件，如果该输入字段为空，则演练不应移至下一步，它应仅停留在当前步骤。 引用代码如下: rec
我是一名优秀的程序员,十分优秀！