Twitter bootstrap 3 引导程序巡更不需要';t在引导Twitter 3模式上显示
好的,我将引导程序与一个使用Twitter引导程序3的项目集成在一起。基本上,一切正常,直到我显示一个模态,然后尝试附加一个步骤。在我调整浏览器大小之前,它不会显示。我可以关闭模态,但它不在那里,调整窗口大小,然后显示出来,所以这不是一个我不相信的z索引问题。任何帮助都将不胜感激Twitter bootstrap 3 引导程序巡更不需要';t在引导Twitter 3模式上显示,twitter-bootstrap-3,bootstrap-tour,Twitter Bootstrap 3,Bootstrap Tour,好的,我将引导程序与一个使用Twitter引导程序3的项目集成在一起。基本上,一切正常,直到我显示一个模态,然后尝试附加一个步骤。在我调整浏览器大小之前,它不会显示。我可以关闭模态,但它不在那里,调整窗口大小,然后显示出来,所以这不是一个我不相信的z索引问题。任何帮助都将不胜感激 // Instance the tour var jag_tour = new Tour(); //Step 1, show info about are submission entry jag_tour.addS
// 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 be found. Click them to show more details.",
onNext: function(tour) {
var submission_id_info = $(".submission_entry").attr('id');
submission_id = submission_id_info.split('_');
show_submission_info_modal(submission_id['1']);
jat_tour.start();
}
});
//Step 2, show our modal popup edit info
jag_tour.addStep({
element: "#modal_submission_owner_name",
title: "Prospect Info",
content: "Need to change the owner of a prospect? How about some details? No problem, just do that here.",
onPrev: function(tour) {
$("#view_submission_modal").modal('hide');
},
});
// Initialize the tour
jag_tour.init();
jag_tour.start();
我已经成功地在onNext块中手动调用了modal。在你的情况下,这看起来像
onNext: function(tour) {
var submission_id_info = $(".submission_entry").attr('id');
submission_id = submission_id_info.split('_');
show_submission_info_modal(submission_id['1']);
$('#modal_submission_owner_name').modal
jat_tour.start();
}
我也很好奇为什么在这一步中调用jat_tour.start()。似乎您只需要在初始化时开始巡演,不是吗?我的Angular应用程序也有同样的问题。最初我调用tour的init并从启动tour时使用的按钮开始:
<button ng-click="tour.init(true);tour.start(true);">Start Tour</button>
可能是范围问题(尽管我从未看到任何错误),但我仍在琢磨这有什么帮助。似乎是时间/竞争问题。我遇到了同样的问题,当我想我的游览自动启动后,页面加载-再次没有显示,直到重新调整大小。最后通过添加一个短暂的暂停
angular.element(document.ready)(函数(){$timeout(函数(){$scope.startTour();},100);})来解决问题代码>我尝试设置一个超时,但它(本身)并不能解决我的问题。
<button ng-click="startTour()">Start Tour</button>
$scope.startTour = function(){
tour.init(true);
tour.start(true);
}