レイアウト ページのヘッダーに jQuery プラグインがあります。
<script src="@Url.Content("~/Scripts/js/kendo.web.min.js")"></script>
<script src="@Url.Content("~/Scripts/app/jsCommon.js")"></script>
<script src="@Url.Content("~/Scripts/app/Layout.js")"></script>
そして私のlayout.js:
(function ($) {
var Layout = function (node, options) {
this.node = node;
this.options = $.extend({
url: ""
}, options);
$(this.node).find('.HButton').bind('click', $.proxy(this.HButtonClicked, this));
};
Layout.prototype = {
constructor: Layout,
_loadBackground: function () {
debugger;
//load second now 'Common.currentTarget' have been lost
$(Common.currentTarget).removeClass();
$(Common.currentTarget).addClass(".HButton_Selected");
},
HButtonClicked: function (e) {
debugger;
//load first
Common.currentTarget = e.currentTarget;
}
}
$.fn.Layout = function (options) {
return this.each(function () {
$(this).data('Layout', new Layout(this, options));
});
};
}(jQuery));
反対側には、次のような共有リポジトリ JavaScript オブジェクトがあります。
function common() {
}
common.currentTarget = null;
var Common = new common();
次に、他のページで次のようなイベントをトリガーしました:
<script>
$(document).ready(function () {
var layout = $("#layout").data("Layout");
$(layout).trigger("_loadBackground")
});
</script>
HButton要素のクリックが最初に発生したとき、「Common.currentTarget」内にオブジェクトを書き込んでおり、変数を監視したときに正常に保存されましたが、別のページが完全にロードされてからイベント「_loadBackground」をトリガーすると、「 Common.currentTarget" が失われました。私の質問は、このような静的変数をページ全体で永続的に定義するにはどうすればよいですか?