Question

我真的可以帮助关闭＆＃34;自动启动＆＃34;我正在建立的网页的Bootstrap Tour插件的功能。这次旅行本身很棒。它按照预期逐步跳跃。但是，当用户第一次查看页面时，它将自己开始。用户可以按＆＃34;结束游览＆＃34;这次旅行不再是自动启动了。但是，我想一起阻止自动启动。

我需要你的帮助才能找到一种方法（或设置）来阻止巡视自动启动它。我不希望用户必须按＆＃34;结束旅行＆＃34; ...他们应该只按＆＃34;开始游览＆＃34;当他们想要游览开始的时候！

见下面的代码。请注意，我遗漏了网页代码的大部分内容，因为我不想压倒你。

请帮忙，如何从自动启动中停止游览？

<!-- Bootrap CSS  -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<!-- Tour CSS  -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-tour/0.11.0/css/bootstrap-tour.css">


<a id="MSL-initialize-tour">
    START TOUR <span class="glyphicon glyphicon-play"></span>
</a>

<!-------- JQuery JS -------->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!-------- Bootsrap JS -------->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<!-------- Bootsrap Tour JS -------->
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-tour/0.11.0/js/bootstrap-tour.js"></script>

<!-------- Bootsrap Tour Steps -------->
<script>
// Instance the tour
var tour = new Tour({
  steps: [ 
  {
    element: "#MSL-initialize-tour",
    placement: "bottom",
    title: "<span class='glyphicon glyphicon-star'></span> Welcome to MSL!",
    content: "Press 'next' to see page features."
  }
]});

tour.init();
tour.start();

$('#MSL-initialize-tour').click(function(){
 tour.restart();
});
</script>

Answer 1

你需要移动

"TEST  "

在函数内部。现在，只要加载Javascript，就会调用它们。

Here is a JSFiddle example

您可以看到tour.init(); tour.start();，init和start如何在用户点击“开始游览”按钮时调用的功能相同。

Answer 2

我不确定我的问题是否正确，但我认为你应该删除：

tour.start();

Answer 3

我在bootstrap-tour中遇到的一个常见问题是，当最终用户结束巡视时，如果我对巡视进行了更改，则无法对其进行版本设置，以便他们再次看到它，但如果我再次看到它，则保持隐藏状态他们已经看过那个版本了。我能够通过在tour.init（）和tour.start（）之间添加下面的代码来解决这个问题。通过更新“tourpageversion”，它可以有效地添加版本并强制重新启动，以便最终用户可以再次看到游览。参数“tourversion_layout”对于游览来说是唯一的，或者在我的情况下是游览所在的页面。

m_window.draw(spriteList[index])

Answer 4

tour.start();

如果您不想从第一步开始重新启动，请不要使用tour.init();。

Bootstrap Tour，如何强制停止自动启动？

4 个答案: