另一步之后的Bootstrap之旅

时间:2018-06-19 10:50:06

标签: javascript jquery twitter-bootstrap bootstrap-tour

我被困在这里。我正在使用Bootstrap之旅创建一个漫游,但没有得到所需的结果。这是问题所在:

我希望巡演开始。 (步骤1:单击Hello继续)。 这次旅行暂停了。 用户点击"您好"然后出现另一个div。 然后巡回赛将从第2步开始。

如果div在默认情况下可见,则游览正常。但是如果div显示在另一个步骤中启用,则游览不起作用。



<!DOCTYPE html>
<html>

<head>
  <title>Sam</title>
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css">
  <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-tour/0.11.0/css/bootstrap-tour.min.css" rel="stylesheet">
</head>

<body>
  <button type="button" id="hello" class="btn">Test</button>
  <div id="get" style="width: 50px">Hello</div>
  <div id="get1" style="background-color: tomato; display: none; width: 50px">test</div>

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-tour/0.11.0/js/bootstrap-tour.min.js"></script>

  <script type="text/javascript" src="Sam.js"></script>
</body>

</html>
&#13;
{{1}}
&#13;
&#13;
&#13;

0 个答案:

没有答案