Ich versuche, eine Bootstrap-Tour einzurichten. Ich habe zwei Seiten (Design.vbhtml und EditHomePage.vbhtml). Beide verwenden eine Layoutseite namens (_DesignerLayout.vbhtml). Ich habe alle Skripte und Stylesheets für Bootstrap, Tour, Jquery usw. auf der Layoutseite aufgelistet. All das ist richtig.Bootstrap-Tour mit einer ASP.NET/MVC-Layoutseite
Meine Tour beginnt auf der Designseite und zeigt meine ersten 3 Schritte korrekt an. Wenn es jedoch zum vierten Schritt kommt (dritter Schritt, nicht zu verwechseln), geht es auf die zweite Seite, aber es geht nicht mit den Schritten weiter. Die Tour stoppt einfach.
Meine Elemente sind alle IDs auf Div-Tags (Begrüßungsschritt, erster Schritt usw.). Ich weiß, dass alle korrekt sind. Es muss etwas mit meinen Wegen machen.
Ich habe überall hingeschaut und finde anscheinend niemanden, der eine Layoutseite mit einer Tour verwendet, also frage ich mich, ob es etwas mit den Schritten zu tun hat, die von der Designseite zur Layoutseite springen die edithomepage Seite. Irgendwelche Ideen würden geschätzt werden! Hier
ist mein Bootstrap-Tour-Code ---
Design.vbhtml (erste Seite):
$(function() {
// Instance the tour
var tour = new Tour({
backdrop: true,
steps: [
{
element: "#welcome-step",
title: "Welcome!",
content: "Begin this tour to see how you can design the look of your website.",
orphan: true,
path: "/ClubAthleticsTemplate/Organization/Design/" & "@ViewBag.OrganizationId"
// this element is on the design.vbhtml page
},
{
element: "#first-step",
title: "Change the Look",
content: "Use this section to design how your website looks. You can choose which pages you want to include on your website.",
path: "/ClubAthleticsTemplate/Organization/Design/" & "@ViewBag.OrganizationId"
// this element is on the design.vbhtml page
},
{
element: "#second-step",
title: "Edit Pages",
content: "These are the different pages you can edit for your website. Click on each one to customize.",
path: "/ClubAthleticsTemplate/Organization/Design/" & "@ViewBag.OrganizationId"
// this element is on the _DesignerLayout.vbhtml page
},
{
element: "#third-step",
title: "Main Photo",
content: "You can upload a main photo that will appear on your front page.",
path: "/ClubAthleticsTemplate/Organization/EditHomePage/" & "@ViewBag.OrganizationId"
// this element is on the EditHomePage.vbhtml page
},
{
element: "#fourth-step",
title: "Main Photo Display",
content: "You can specify whether or not you want the main photo show at the top of all of your pages.",
path: "/ClubAthleticsTemplate/Organization/EditHomePage/" & "@ViewBag.OrganizationId"
// this element is on the EditHomePage.vbhtml page
},
{
element: "#fifth-step",
title: "Page Headline",
content: "This is where you can set a title for your page.",
path: "/ClubAthleticsTemplate/Organization/EditHomePage/" & "@ViewBag.OrganizationId"
// this element is on the EditHomePage.vbhtml page
},
{
element: "#sixth-step",
title: "Page Content",
content: "Here is where you add all your content for your page. You can add text, images, media, tables, etc.",
path: "/ClubAthleticsTemplate/Organization/EditHomePage/" & "@ViewBag.OrganizationId"
// this element is on the EditHomePage.vbhtml page
},
{
element: "#seventh-step",
title: "Save Changes",
content: "Make sure to hit the 'Save' button when finished!",
path: "/ClubAthleticsTemplate/Organization/EditHomePage/" & "@ViewBag.OrganizationId"
// this element is on the EditHomePage.vbhtml page
}
]
});
// Initialize the tour
tour.init();
// Start the tour
tour.start();
});
;