Comment faire bootstrap-visite de travail?
J'ai ce code dans une page. Je suis en train de faire bootstrap-tour, mais il ne se passe rien. Ce que je fais mal? Ce qui me manque ici?
<!DOCTYPE html>
<html>
<head>
<link href="bootstrap.css" rel="stylesheet">
<link href="bootstrap-tour.css" rel="stylesheet">
<link href="bootstrap-tour.min.css" rel="stylesheet">
<!--[if lt IE 9]><script src="html5shiv.js"><![endif]-->
<script>
//Instance the tour
var tour = new Tour();
//Add your steps. Not too many, you don't really want to get your users sleepy
tour.addSteps([
{
element: "#content", //string (jQuery selector) - html element next to which the step popover should be shown
title: "Title of my step", //string - title of the popover
content: "Content of my step" //string - content of the popover
},
{
element: "#content1",
title: "Title of my step",
content: "Content of my step"
}
]);
//Initialize the tour
tour.init();
//Start the tour
tour.start();
</script>
</head>
<body>
<div id="#content">
Hello, World!
</div>
<br><br><br>
<div id="#content1">
Another Hello, World!
</div>
<script src="jquery.js"></script>
<script src="bootstrap.tooltip.js"></script>
<script src="bootstrap.popover.js"></script>
<script src="bootstrap-tour.js"></script>
<script src="bootstrap-tour.min.js"></script>
</body>
</html>
J'ai cherché dans google, mais il semble que personne n'a jamais eu aucune difficulté à obtenir de la tour. Je ne sais pas ce qui me manque. Peut être quelques chose simple. Aider moi les gars. J'ai inclus ces fichiers:
CSS::
Bootstrap.css v3.0.0
bootstrap-tour.css - v0.8.0
bootstrap-tour.min.css - v0.8.0
JS::
bootstrap-tour.min.js - v0.8.0
bootstrap-tour.js - v0.8.0
bootstrap-popover.js v2.0.4
bootstrap-tooltip.js v2.0.4
jQuery JavaScript Library v1.9.0
Je pense que vous devriez appeler votre script dans l'en-tête ou de déplacer le script ci-dessous toutes les bibliothèques.
Il nécessite jquery avez-vous eu ça?
Non, ça ne fonctionne pas. J'ai juste essayé les deux façons.
Pourriez-vous montrer tous les scripts que vous appelez? Le code complet?
regardez les erreurs jeté dans le navigateur de la console.
Il nécessite jquery avez-vous eu ça?
Non, ça ne fonctionne pas. J'ai juste essayé les deux façons.
Pourriez-vous montrer tous les scripts que vous appelez? Le code complet?
regardez les erreurs jeté dans le navigateur de la console.
OriginalL'auteur ST'' | 2013-12-28
Vous devez vous connecter pour publier un commentaire.
Voir http://jsfiddle.net/4uS59/
vous avez tort id dans yout html
devrait être
OriginalL'auteur Dev
De mon expérience, vous devez mettre les étapes ci-dessous lorsque vous appelez le tour de script.
Donc les étapes que vous décrivez dans la balise doit être inséré juste avant la balise de fin. Ceci devrait alors rendre les étapes de travail. Actuellement, vous sont en cours d'initialisation étapes qui sont pour un script qui n'a pas été chargé.
Donc, il devrait ressembler à ceci:
Que j'ai mine de travailler.
OriginalL'auteur BigMan Kev
Bootstraptour magasins du tour de l'avancement de votre localStorage. Cela signifie également que lorsque vous essayez de configurer et d'ie. utilisé une mauvaise ID de l'élément, bootstraptour pouvez toujours stocker qu'il faut afficher l'étape 2 la prochaine fois.. même si elle n'existe pas, à quel point il ne fait rien.
Vous avez besoin de vider votre localStorage dans votre navigateur, ou (peut-être plus facile), modifier le nom de votre visite de la sorte:
La méthode ci-dessus a fonctionné pour moi, puisque j'ai eu le même problème. Je trouve le correctif après le débogage du code lui-même et de trouver qu'il s'agissait d'essayer d'obtenir currentstep "1" au lieu de "0", ce qui n'était pas le bon indice.
OriginalL'auteur Damien Overeem
vérifier le code exemple
CSS
JS
Jsfiddle
Désolé. Oui j'ai vérifié sa ne fonctionne pas. Je ne sais pas où ça va mal. J'ai même essayé l'exemple de bootstrap tour du site mais cela ne fonctionne pas. Au lieu de cela, j'ai trouvé quelques solutions de rechange, Veuillez visiter les liens suivants si vous êtes intéressé,tracelytics.github.io/pageguide , tympanus.net/Development/WebsiteTour, alvaroveliz.github.io/aSimpleTour , revaxarts-themes.com/?t=tour
OriginalL'auteur shivaP
Pour quelqu'un d'autre à l'atterrissage sur cette question, en supposant que vous avez essayé les autres suggestions, si l'utilisation de JQuery avec Bootstrap Tour, enveloppant le script en JQuery onload fonction a fonctionné pour moi pour s'assurer que toutes les exigences ont été chargés en premier:
comme ceci:
Assurez-vous que chaque "élément" est une référence à un id d'un élément HTML sur votre page de sorte que la visite sait ce qu'il doit être orienté à - sinon il l'habitude de montrer.
OriginalL'auteur laney