yii2를 백엔드 프레임 워크로 사용하고 내 앱을 둘러보고 싶지만 부트 스트랩 둘러보기 팝업이 두 번째 페이지에 표시되지 않으면 에셋 번들을 만듭니다. 부트 스트랩 투어를 등록하고 레이아웃에 등록하면 부트 스트랩 투어가 첫 번째 페이지에서 올바르게 작동하지만 다른 페이지로 갈 때 문제가 발생하고 다음 페이지에서 디버그 할 수 있습니다 :
부트 스트랩 투어 '둘러보기'| 종이/리디렉션에 리디렉션
부트 스트랩 투어 '둘러보기'| tour_current_step 값 2,다중 페이지 부트 트랙 둘러보기, 두 번째 페이지에 팝업 표시가 없습니다.
이미 크롬의 개발자 도구 창에서 로컬 저장소를 확인하고 창 로컬 스토리지가 나타났다 두 번째 페이지에 갈 때 올바른 단계에 참조 업로드
및 다른 질문, yii2 라우터의 부트 스트랩 둘러보기에서 경로 옵션의 값을 어떻게 설정해야합니까? 내 경로가 올바른 것입니까? 예를 들어, 첫 번째 단계는 사이트의 메인 페이지에 있습니다 : "", 맞습니다, 누군가가 이전 단계로 돌아가는 popover의 이전 버튼을 클릭하면 좋을 것입니다.
여기 내 자바 스크립트 코드입니다, 내가 레이아웃 파일이 자바 스크립트 코드 등록 :
$(function() {
var $demo, duration, remaining, tour;
$demo = $("#demo");
duration = 5000;
remaining = duration;
tour = new Tour({
onStart: function() {
return $demo.addClass("disabled", true);
},
onEnd: function() {
return $demo.removeClass("disabled", true);
},
debug: true,
steps: [
{
path: "",
element: "#demo",
placement: "bottom",
title: "Welcome to Bootstrap Tour!",
content: "Introduce new users to your product by walking them through it step by step."
}, {
path: "",
element: "#Wordcounter",
placement: "bottom",
title: "Step One",
content: "For translation click on word counter menu item"
}, {
path: "paper/upload",
element: "#myDropzone",
placement: "top",
title: "Step two",
content: "Drag and Drop your file here or click to upload plz wate to complete upload"
}
,
{
path: "paper/upload",
element: "#next",
placement: "bottom",
title: "Step three",
content: "then Click on the Next Bottom",
reflex: true
}, {
path: "paper/show",
element: "#save",
placement: "top",
title: "Step four",
content: "click on save and continue and choose language plan",
duration: 5000
}
]
}).init();
if (tour.ended()) {
$('<div class="alert alert-info alert-dismissable"><button class="close" data-dismiss="alert" aria-hidden="true">×</button>You ended the demo tour. <a href="#" data-demo>Restart the demo tour.</a></div>').prependTo(".content").alert();
}
$(document).on("click", "[data-demo]", function(e) {
e.preventDefault();
if ($(this).hasClass("disabled")) {
return;
}
tour.restart();
return $(".alert").alert("close");
});
});