こうしてみると、これまでの努力は無駄になってしまいました。これらの問題の解決策は、ページ データが変更されるかどうかを監視することです。変更が発生した場合は、ユーザーに保存するように求めます。データが変更されていない場合。 「保存」をクリックした場合、データベースに送信する必要はありません。
解決策を見てみましょう:
// /
(function($) {
var pageDataChange = false //デフォルトのロゴ ページ データは変更されていません
/* ページデータが変更されるかどうかを監視します*/
$.fn.MonitorDataChange = function(options) {
var tagName = new Array('Input', 'Select', 'Textarea'); >var ctrlIds = [];
var deafult = {
arrTags: tagName, //監視対象のコントロールの tagName 属性配列
arrCtrls: ctrlIds // コントロールの ID監視対象
};
var ops = $.extend(default, options);
for (var i = 0; i $(ops.arrTags[i]). each(function() {
if (ops.arrCtrls.length == 0) {
$(this).bind('change', function() {
pageDataChange = true;
} );
}
else {
var flag = false;
for (var j = 0; j < ops.arrCtrls.length; j ) {
if ($(this) .attr('id') == ops.arrCtrls[j]) {
flag = true;
}
}
if (!flag) {
$ (this).bind('change', function() {
pageDataChange = true;
});
}
}
} );
}
return this ;
};
/*ページデータが変更されたかどうかを返します*/
$.fn.getValue = function() {
return pageDataChange;
};
})(jQuery );