2013-10-20 70 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函數。