Twitter bootstrap 3 引导程序巡更不需要';t在引导Twitter 3模式上显示

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

好的,我将引导程序与一个使用Twitter引导程序3的项目集成在一起。基本上,一切正常,直到我显示一个模态,然后尝试附加一个步骤。在我调整浏览器大小之前,它不会显示。我可以关闭模态,但它不在那里,调整窗口大小,然后显示出来,所以这不是一个我不相信的z索引问题。任何帮助都将不胜感激

// 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);
}