標籤:mit begin checked 儲存資料 sub time container save containe
$(function () {
var observation = {
init: function () {
this.render();//斷點:this bind :function() check_length: function () init: function () render: function () update_checked: function () save_observation: function ()
this.bind(); //斷點: this bind :function() check_length: function () init: function () render: function () update_checked: function () save_observation: function () date_container:r.fn.init[1] radio:r.fn.init[5] remarks:r.fn.init[1] submit_btn:r.fn.init[1]
},
render: function () {
window.now = new Date();
this.submit_btn = $(‘:button‘);
this.radio = $(‘.type-radio‘);
this.date_container = $(‘#date-picker-date‘);
this.remarks = $(‘#remarks‘);
},
bind: function () {
var t = this;//t 代表 observation 對象
this.submit_btn.click(function () {
t.save_observation(); //如果這裡邊是this的話 代表不了observation 對象 因此就找不到save_observation()了 this代表當前的按鈕 在綁定的事件函數中 this代表綁定的按鈕
});
this.radio.click(function () {
t.update_checked(this);
});
$(‘#date-picker-date‘).date({beginyear: now.getFullYear(), theme: ‘datetime‘});//初始化date選取器
this.remarks.bind(‘input‘, function () { t.check_length(this);
});
},
check_length: function (obj) {//檢查備忘輸入的長度 },
update_checked: function (obj) { },
save_observation: function () {//儲存資料到伺服器 }
};
observation.init();
});
js 物件類型 (對象的屬性 ,對象的方法) this 關鍵字