1

我正在尝试使用 Bootstrap Tour 设置我的应用程序的导览，但遇到了一些问题。主要是我使用 node.js 和模板构建了我的应用程序。我需要在单个页面上显示一个弹出窗口，/dashboard而不是其他所有内容。现在它可以很好地执行模板意味着我希望它所在的 div 在sidebar.html模板中。这是我的代码：

(function(){

var tour = new Tour({
    storage : false,
     steps: [
    {
      element: ".tour-step.tour-step-one",
      placement: "top",
      title: "Welcome to Phantom AM!",
      content: "This tour will guide you through some of the features we'd like to point out.",
    },
    {
      element: ".tour-step.tour-step-two",
      placement: "bottom",
      title: "Quick Tracker",
      content: "These four boxes show a quick look at what you have tracked so far.",
    },
    {
      element: ".tour-step.tour-step-three",
      placement: "bottom",
      title: "Add a manufacturer",
      content: "Start by adding a manufacturer.",
    },
    {
        element: ".tour-step.tour-step-four",
        title: "Title of my step",
        content: "Content of my step",
        path: "/dashboard/it/manufacturer/new"
    },

]
});

// Initialize the tour
tour.init();

// Start the tour
tour.start();

}());

第三组是给我带来问题的那一组。我试过host了，但也许我用错了。

4

1 回答 1

-1

我可能会创建这样的东西：

$('.btn').popover();

$('.btn').on('click', function (e) {
    $('.btn').not(this).popover('hide');
});

然后专门在您的仪表板页面上隐藏/显示它。

于 2018-01-14T18:12:03.667 回答