我正在努力使用javascript / mootools创建一个响应式网站。
我创建了两个类desktop_tabs
,其中包含桌面版本和mobile_tabs
的功能,其中包含移动版本的功能。我还有一个函数get_page_dims
,它返回窗口的宽度。
我的函数run_check
假设检查宽度并根据大小添加/删除这些类。调整大小后,它会添加移动版本,但不会删除桌面类。它也没有正确地将桌面类添加到更大的版本。
run_check: function () {
current_width = this.get_page_dims(2);
if (current_width <= 600 && this.options.mobile_flag === false) {
this.options.desktop_flag = false;
this.options.mobile_flag = true;
$('services_nav').className = '';
$('services_nav').removeClass(this.desktop_tabs);
this.mobile_tabs (
$('services_nav'),
$('services_content'),
0
);
}
if (current_width > 600 && this.options.desktop_flag === false) {
this.options.mobile_flag = false;
this.options.desktop_flag = true;
$('services_nav').className = '';
$('services_nav').removeClass(this.mobile_tabs);
this.desktop_tabs (
$('services_nav'),
$('services_content'),
0
);
}
}
有什么建议吗?谢谢。