Javascript 引导程序似乎不起作用
我刚刚开始在我的项目中使用Bootstrap网站教程,该项目使用的是Twitter Bootstrap框架 基本上我完成了所有必要的步骤,比如在文档末尾包含js文件:Javascript 引导程序似乎不起作用,javascript,jquery,twitter-bootstrap,Javascript,Jquery,Twitter Bootstrap,我刚刚开始在我的项目中使用Bootstrap网站教程,该项目使用的是Twitter Bootstrap框架 基本上我完成了所有必要的步骤,比如在文档末尾包含js文件: <!-- Bootstrap tour --> <script src="dist/js/bootstrap.min.js"></script> <script src="dist/js/bootstrap-tour.min.js"></script> <scrip
<!-- Bootstrap tour -->
<script src="dist/js/bootstrap.min.js"></script>
<script src="dist/js/bootstrap-tour.min.js"></script>
<script>
// Instance the tour
var tour = new Tour({
steps: [
{
element: "#myModal",
title: "Title of my step",
content: "Content of my step"
}
]});
// Initialize the tour
tour.init();
// Start the tour
tour.start();
</script>
//举例说明这次旅行
var tour=新的tour({
步骤:[
{
元素:“#myModal”,
标题:“我的步骤的标题”,
内容:“我的步骤的内容”
}
]});
//初始化巡更
tour.init();
//开始旅行
tour.start();
并将样式表添加到标题部分:
<!-- Bootstrap Tour -->
<link rel="stylesheet" href="bootstrap.min.css">
<link rel="stylesheet" href="dist/css/bootstrap-tour.min.css">
以下是html部分:
<div class="box box-primary" id="myModal">
...
</div>
...
但每当我运行文档时,页面都不会运行巡更
你知道这里有什么问题吗?任何帮助都将不胜感激。试试这个:
$(function () {
var tour = new Tour();
tour.addStep(
{
element: "#myModal",
title: "Title of my step",
content: "Content of my step"
});
// Initialize the tour
tour.init();
tour.start();
})();
有关更多检查,请参见第1次后该功能不起作用。我尝试了Chrome和Firefox