backbone.js单页面应用程序中的bootstrap tour

时间:2015-02-15 14:33:33

标签: javascript jquery twitter-bootstrap backbone.js single-page-application

我不确定如何使用bootstrap-tour与backbone.js SPA.I创建了一个视图,其中编写了巡视代码并通过渲染方法调用。当巡视开始时,它被重定向到步骤中提到的路径但是没有显示消息提示。感谢bootstrap tour + backbone.js的任何链接。谢谢。提前感谢。

define(["backbone","app"],
        function(Backbone,app){
    var TourView=Backbone.View.extend({
        initialize: function(){

        }, 
        render:function(){
            self=this;
            var url=self.url();
            var tour = new Tour({
                steps: [{
                  element: "#fname",
                  title: "Title of my step",
                  content: "Content of my step",
                  path: url+"#Search"
                }, {
                  element: "name",
                  title: "Title of my step",
                  content: "Content of my step",
                  path:url+"#tasks"
                }]
              });
            tour.init();
            tour.start();
        },
        url :function (){
            var gurl=app.context();
            return gurl;
        }
    });
    return TourView;
});

1 个答案:

答案 0 :(得分:0)

此模块可能无法使用Tour对象构造函数。该模块可用/需要的模块是" Backbone和app"。我希望Tour对象构造函数包含在bootstrap-tour.js中,然后必须将此javascript文件作为依赖项添加到此模块中。