基本上我想做这样的事情:
$(document).ready(function() {
if ($(body).attr("class") === "HomePage") {
HomePage.init(); //bind events for home page (Crockford's module pattern)
} else if ($(body).attr("class") === "AboutPage") {
AboutPage.init(); //bind events for about page
}
});
原因是我可以将所有内容压缩到一个 js 文件中,从而减少 http 请求的数量。这个解决方案绝对不优雅,因为每当我添加新页面时,我都需要添加另一个“else if”语句。我可以使用:
$(document).ready(function() {
eval($(body).attr("class") + ".init();");
});
但是 eval 是邪恶的,我不知道使用这种方法对性能的影响。
最佳答案
为什么不使用 eval
来调用 javascript 对象 []
呢?
假设所有对象的范围都是全局的,为什么不尝试:
$(document).ready(function() {
window[$(body).attr("class")].init();
});
关于jquery - 是否有一个好的 jQuery 模式来管理初始化?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2300302/