Javascript添加/删除类

时间:2014-01-21 12:52:29

标签: javascript mootools

我正在努力使用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
        );  
    }
}

有什么建议吗?谢谢。

0 个答案:

没有答案