Bootstrap Tour - 导航到生成页面上的组件

时间:2014-07-14 06:15:23

标签: bootstrap-tour

我正在尝试导航到由MVC控制器生成的页面。含义mysite.com/Configure调用ConfigureController中的Index函数生成HTML页面。我希望巡回演出到生成页面上的特定项目。该项目的ID始终是静态的。

添加此步骤导航到配置页面,但在通过Tour步骤自动导航页面后,巡视弹出窗口无处可见,如此

 {
      path: "/Configure",
      element: "#mysettings",
      title: "Setting",
      content: "some content"
  }

我有一个暗示,当tour对象尝试创建执行步骤时,DOM未完全创建。但是,对于任何导航到另一个页面,这应该是同样的问题,甚至是静态的,因为页面可能需要一些时间来加载。所以不确定如果DOM是问题。

我遇到的另一个问题是我想在Bootstrap按钮组的一个下拉项目中显示巡视弹出窗口,如下所示(想要自动显示下拉列表和指向#myliid1的游览弹出窗口:

<div class="dropdown">
  <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown">
    Dropdown
    <span class="caret"></span>
  </button>
  <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
    <li id="myliid1" role="presentation"><a role="menuitem" tabindex="-1" href="#">Action</a></li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Another action</a></li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Something else here</a></li>
      </ul>
</div>

我的感觉是,这是不可能的,但只是想确认一下。

1 个答案:

答案 0 :(得分:0)

问题1已经解决。显然,我需要在第二页上拨打tour.restart()

问题2:未解决。当巡视步骤指向Bootstrap按钮组中的项目(在运行时变为下拉列表)时,巡视确实指向空中有人,但下拉列表实际上不会自动下拉。那本来是神奇的。所以基本上,现在,巡演仅限于屏幕上可见的内容。