在你的浏览器中打开/exercises/portlets.html
文件,使用/exercises/js/portlets.js
文件,你的任务是使用模块模式编写一个portlet创建函数,就像下列代码那样工作:
var myPortlet = Portlet({ title : 'Curry', source : 'data/html/curry.html', initialState : 'open' // 或'closed' }); myPortlet.$element.appendTo('body');
每个Portlet应该是一个DIV,带有一个标题、一个内容区域、一个打开/关闭按钮、一个删除portlet的按钮和一个刷新portlet的按钮。Portlet函数返回的portlet应该具有下列公有API:
myPortlet.open(); // 强制打开状态 myPortlet.close(); // 强制关闭状态 myPortlet.toggle(); // 切换开/关状态 myPortlet.refresh(); // 刷新内容 myPortlet.destroy(); // 从页面中移除一个portlet myPortlet.setSource('data/html/onions.html'); // 改变数据源
Copyright Rebecca Murphey, released under the Creative Commons Attribution-Share Alike 3.0 United States license.