
244
|
第十三章
$(window).load(function(){
setTimeout(function(){
$.get('users.ejs',function(){},'view');
$.get('user.ejs',function(){},'view');
},500)
})
$.Controller:jQuery 外掛模組產生器
JavaScriptMVC 的控制器可說是身兼數職:它們可以扮演 jQuery 外掛模組產生器的角
色、可以扮演檢視器的角色(負責建立一些類似分頁導覽小工具和表格控制項之類的網
頁元件)、也可以扮演控制器的角色(負責初始化控制器,並建立控制器和模型之間的
關聯)。大部分的情況下,善用控制器可說是管理程式架構的不二法門。
JavaScriptMVC 的控制器有不少實用的功能,像是:
• jQuery 外掛模組的產生器
• 自動化繫結
• 預設屬性值
• 自動化判定(Automatic determinism)
不過控制器最重要的功能,對於大部分人而言(除了 JavaScript 的重度使用者之外)似
乎並非那麼明顯。讓我們先舉個簡單的例子來說明。接下來這段程式,會建立一組類似
工具提示框(tooltip)的小工具,這個工具提示框會在使用者點擊網頁其他地方時消失:
$.fn.tooltip = function(){
var el = this[0];
$(document).click(function(ev){
if (ev.target !== ...