2013-10-20 31 views
0

我使用requirejs + jquery + sammy.js + hamljs。 模板引擎haml不工作:它运行sammy.haml,但Haml为main.js定义,但不适用于sammy.haml并且无法在其中运行。页面完全加载后,控制台将存在Haml。为什么Sammy与HAML相处不好,而应该是?RequireJS问题,而加载和Hamljs

requirejs.config({ 
    baseUrl: '../../components/', 
    paths: { 
     dropkick: 'jquery-dropkick2/jquery.dropkick-1.0.0', 
     Ladda: 'Ladda/dist/ladda.min', 
     'jquery-autosize': 'jquery-autosize/jquery.autosize', 
     mixitup: 'mixitup/jquery.mixitup.min', 
     jquery: 'jquery/jquery', 
     sammy: 'sammy/lib/sammy', 
     'sammy.haml': 'sammy/lib/plugins/sammy.haml', 
     haml: 'haml/lib/haml', 
     browser: 'jquery.browser/jquery.browser.min' 
    }, 
    shim: { 
     dropkick: { 
      deps: ['jquery'] 
     }, 
     browser: { 
      deps: ['jquery'] 
     }, 
     'sammy.haml': { 
      deps: ['haml'] 
     } 
    } 

}); 
requirejs(['jquery', 'haml'], function($, Haml) { // They are to be loaded first 
    requirejs(['sammy', 'sammy.haml', 'browser', 'markdown'], function(sammy, shaml, markdow) { // Then the others 
      console.log(Haml); // WORK 

      var app = sammy('#main', function() { 
      var self = this; 
      self.use(sammy.Haml); 
      self.get('/upload', function(context) { 
      context.app.swap(''); 
      var s = context.render('app/templates/upload.haml', {}); 
      s.appendTo(context.$element()) 




      }); 
     }); 


     }); 
     app.run(); 

    }); 
});  

回答

0

终于找到了解决办法!我在主文件中定义了window.Haml = haml,并修改了sammy.haml.js以获得window.Haml函数而不是Haml函数。