当我看到墨奇CMS的菜单变成了工具栏的时候，我觉得这一切都说得通了。那么我们继续看看这样一个CMS的侧边栏是怎么组成的。RequireJS与jQuery插件示例简单的组合示例如下所示，在main.js中添加如下内容requirejs.config({"shim":{"jquery-cookie":["jquery"]}});然后在另一个文件中添加define(["jquery"],function($){//addfunction})；这样我们就可以完成一个简单的插件的添加。MoqiCMSaddsjQuerypluginjQuerySidrThebestjQuerypluginforcreatingsidemenusandtheeasiestwayfordoingyourmenusresponsive这是创建响应式侧边栏的最好和最简单的工具，所以我们需要下载jQuery。sidr.min.js到目录下，然后修改main.js:require.config({baseUrl:'lib/',paths:{'text':'text',jquery:'jquery-2.1.1.min',async:'require/async',json:'require/json',mdown:'require/mdown',router:'../router',templates:'../templates',jquerySidr:'jquery.sidr.min',markdownConverter:'require/Markdown.Converter'},shim:{jquerySidr:["jquery"],underscore:{exports:'_'}}});require(['../app'],function(App){App.initialize();});添加jquery.sidr.min到它。jQuerySidr配合RequireJS参考官方示例代码$(document).ready(function(){$('#simple-menu').sidr();});我们需要在app.js中添加上面的初始化代码，在初始化的时候，define(['jquery','underscore','backbone','router','jquerySidr'],function($,_,Backbone,Router){varinitialize=function(){$(document).ready(function(){$('#menu').sidr();});Router.initialize();};return{initialize:initialize};});这样就可以看到**效果了。
