bootstrap-tour

Bootstrap tour won't pause

由 瘦欲@ 提交于 2019-12-24 12:43:59
问题 I am using this for reference. In my code I have all input fields. I want to do is, if that input field is empty, then user should not be able to move or goto next step. I am searching desperately for this but not getting any documentation. Any Suggestion or reference or example please? 来源： https://stackoverflow.com/questions/24382873/bootstrap-tour-wont-pause

Bootstrap Tour won't start

由 只谈情不闲聊 提交于 2019-12-24 00:40:03
问题 I have the following very simple demo set up on my site and in this fiddle . It's virtually identical to the official demo . In neither case do I get a tour. What am I missing? <link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-tour/0.8.1/css/bootstrap-tour.min.css"> <link rel="stylesheet" type="text/css" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"> <script type='text/javascript' src='http://code.jquery.com/jquery-git.js'><

Starting Bootstrap tour with a button after ending tour once

由 旧时模样 提交于 2019-12-23 02:36:43
问题 I have a simple web page with content and bootstrap tour to guide through my web page. I would like to trigger the tour with a button with following html code: <button id="initiate_tour" type="button" class="btn btn-danger">Initiate Tour</button> The JS for initiating the tour is as follows: // Instance the tour var tour = new Tour({ backdrop: false, storage: false }); tour.addSteps([ { element: "#1", title: "title1", content: "content1" }, { element: "#2", title: "title2", content: "content2

Bootstrap Tour doesn't show on Bootstrap Twitter 3 modal

由 こ雲淡風輕ζ 提交于 2019-12-22 18:50:25
问题 Ok, so I am integrating Bootstrap Tour with a project that uses Twitter Bootstrap 3. Basically, everything works fine until I show a modal and then try to attach a step to it. It doesn't show until I resize the browser. I can close the modal and it is not there and resize the window and then it shows, so it isn't a z-index issue I don't believe. Any help would be appreciated. // Instance the tour var jag_tour = new Tour(); //Step 1, show info about are submission entry jag_tour.addStep({

How to skip 10 steps in Bootstrap Tour?

由 邮差的信 提交于 2019-12-12 09:19:54
问题 I have a situation, when I have a tour containing eleven steps. In each step the popup contains "Prev", "Next", "End Tour" buttons. Instead of using "End Tour" to "skip", I try to skip all the steps and go to the 11th step, but I can't get this to work. steps: [ { element: "#mobile", title: "Mobile Number", content: "Click ‘Next’ to view the next search field, Click ‘Previous’ to view the previous search field and click ‘skip’ to select End result.", placement: "right", backdrop: true, orphan

Bootstrap “Tour” bug when I start it

由 二次信任 提交于 2019-12-11 18:55:11
问题 I have a site built with Drupal 8 and Bootstrap 3 . When a user visited the site, Tour starts automatically. When Tour is finished, a cookie is placed in the browser of the visitor so that Tour will not start when the user reloads the page. The Site: https://www.s1biose.com My problem : I created a button on the left menu Commencer la visite , so that users access the Tour manually. Every time I restart the Tour manually, a bug will appear from time to time. It must be restarted several times

Bootstrap Tour doesn't show on Bootstrap Twitter 3 modal

由 那年仲夏 提交于 2019-12-06 11:13:31
Ok, so I am integrating Bootstrap Tour with a project that uses Twitter Bootstrap 3. Basically, everything works fine until I show a modal and then try to attach a step to it. It doesn't show until I resize the browser. I can close the modal and it is not there and resize the window and then it shows, so it isn't a z-index issue I don't believe. Any help would be appreciated. // Instance the tour var jag_tour = new Tour(); //Step 1, show info about are submission entry jag_tour.addStep({ element: ".submission_entry", title: "Sample Signup", content: "This is where your snazzy new signups will

How to skip 10 steps in Bootstrap Tour?

由 丶灬走出姿态 提交于 2019-12-04 18:32:43
I have a situation, when I have a tour containing eleven steps. In each step the popup contains "Prev", "Next", "End Tour" buttons. Instead of using "End Tour" to "skip", I try to skip all the steps and go to the 11th step, but I can't get this to work. steps: [ { element: "#mobile", title: "Mobile Number", content: "Click ‘Next’ to view the next search field, Click ‘Previous’ to view the previous search field and click ‘skip’ to select End result.", placement: "right", backdrop: true, orphan: true, template: function (step) { return "<div class='popover tour'><div class='arrow'></div><h3

How to close the menu collapse when bootstrap tour starts?

由 青春壹個敷衍的年華 提交于 2019-12-02 12:31:12
问题 I have a site built with "Drupal 8" and "Bootstrap 3". How to close the menu collapse when bootstrap "Tour" starts ? https://www.s1biose.com "Tour" starts by clicking on "Commencer la visite" in the left menu. I want the left and right menu to close automatically when the "Commencer la visite" button is clicked. Here are the two menus : id="navbar-collapse-first" id="navbar-collapse-second" Here is the contents of my file tour.js : (function ($, _, Drupal, drupalSettings) { 'use strict';

How to close the menu collapse when bootstrap tour starts?

由 孤街浪徒 提交于 2019-12-02 03:55:50
I have a site built with "Drupal 8" and "Bootstrap 3". How to close the menu collapse when bootstrap "Tour" starts ? https://www.s1biose.com "Tour" starts by clicking on "Commencer la visite" in the left menu. I want the left and right menu to close automatically when the "Commencer la visite" button is clicked. Here are the two menus : id="navbar-collapse-first" id="navbar-collapse-second" Here is the contents of my file tour.js : (function ($, _, Drupal, drupalSettings) { 'use strict'; Drupal.behaviors.bsTour = { attach: function (context, settings) { $(window).on('load', function (event) {
订阅 bootstrap-tour