부트 스트랩 둘러보기를 설정하려고합니다. 두 페이지 (Design.vbhtml 및 EditHomePage.vbhtml)가 있습니다. 둘 다 (_DesignerLayout.vbhtml)이라는 레이아웃 페이지를 사용합니다. 레이아웃 페이지에 나열된 부트 스트랩, 둘러보기, jquery 등에 대한 모든 스크립트 및 스타일 시트가 있습니다. 그 모든 것들이 정확합니다.ASP.NET/MVC 레이아웃 페이지가있는 부트 스트랩 둘러보기
내 둘러보기가 디자인 페이지에서 시작되고 처음 세 단계가 올바르게 표시됩니다. 그러나 네 번째 단계 (혼란스럽지 않게 제 3 단계라고 함)가되면 두 번째 페이지로 이동하지만 단계가 계속되지는 않습니다. 여행은 막 중단됩니다.
내 요소는 모두 div 태그의 ID입니다 (환영 단계, 첫 단계 등). 나는 그것이 모두 정확하다는 것을 압니다. 그것은 내 길을 무언가해야만합니다.
나는 둘러 보았고 둘러보기가있는 레이아웃 페이지를 사용하는 다른 누군가를 찾지 못했기 때문에 디자인 페이지에서 레이아웃 페이지로 점프하는 단계와 관련이 있는지 궁금합니다. edithomepage 페이지. 어떤 아이디어라도 감사 할 것입니다!
$(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();
});
;