Javascript 清除以前的css设置

我正在从事响应性网页设计。我已经编写了jQuery插件，其中一部分在view port>786时将smart_scrollbar claass添加到两个div中，然后将perfectScrollbar（）添加到smart_scrollbar中，并在view port时删除类。您可以使用该插件删除滚动条：

$(".smart_scrollbar").perfectScrollbar('destroy');

所以你可以试试这个：

$(window).bind('load resize', function () {
    var viewport_width = $(window).width()
    if (viewport_width > 768) {
        //***************Add Scrollbar to panels***************//
        $(".Functions_Panel_Wrapper").addClass("smart_scrollbar")
        $(".Function_Page_Wrapper").addClass("smart_scrollbar")
        $(".smart_scrollbar").perfectScrollbar();
    } else if (viewport_width < 768) {
        //***************Remove Scrollbar From panels***************//
        if ($(".Functions_Panel_Wrapper").hasClass("smart_scrollbar")) {
            $(".Functions_Panel_Wrapper").removeClass("smart_scrollbar")
        }
        if ($(".Function_Page_Wrapper").hasClass("smart_scrollbar")) {
            $(".Function_Page_Wrapper").removeClass("smart_scrollbar")
        }
        $(".smart_scrollbar").perfectScrollbar('destroy');
    }
}

$（窗口）.bind（'load resize'，函数（）{
var viewport_width=$（窗口）.width（）
如果（视口宽度>768）{
//***************将滚动条添加到面板***************//
$（“.Functions\u Panel\u Wrapper”）.addClass（“智能滚动条”）
$（“.Function\u Page\u Wrapper”）.addClass（“智能滚动条”）
$（“.smart_滚动条”）.perfectScrollbar（）；
}else if（视口_宽度<768）{
//***************从面板上卸下滚动条***************//
if（$（“.Functions\u Panel\u Wrapper”）.hasClass（“智能滚动条”））{
$（“.Functions\u Panel\u Wrapper”）.removeClass（“智能滚动条”）
}
if（$（“.Function\u Page\u Wrapper”）.hasClass（“智能滚动条”））{
$（“.Function\u Page\u Wrapper”）.removeClass（“智能滚动条”）
}
$（“.smart_滚动条”）.perfectScrollbar（'destroy'）；
}
}

从中，您可以使用此选项删除滚动条：

$(".smart_scrollbar").perfectScrollbar('destroy');

所以你可以试试这个：

$(window).bind('load resize', function () {
    var viewport_width = $(window).width()
    if (viewport_width > 768) {
        //***************Add Scrollbar to panels***************//
        $(".Functions_Panel_Wrapper").addClass("smart_scrollbar")
        $(".Function_Page_Wrapper").addClass("smart_scrollbar")
        $(".smart_scrollbar").perfectScrollbar();
    } else if (viewport_width < 768) {
        //***************Remove Scrollbar From panels***************//
        if ($(".Functions_Panel_Wrapper").hasClass("smart_scrollbar")) {
            $(".Functions_Panel_Wrapper").removeClass("smart_scrollbar")
        }
        if ($(".Function_Page_Wrapper").hasClass("smart_scrollbar")) {
            $(".Function_Page_Wrapper").removeClass("smart_scrollbar")
        }
        $(".smart_scrollbar").perfectScrollbar('destroy');
    }
}

$（窗口）.bind（'load resize'，函数（）{
var viewport_width=$（窗口）.width（）
如果（视口宽度>768）{
//***************将滚动条添加到面板***************//
$（“.Functions\u Panel\u Wrapper”）.addClass（“智能滚动条”）
$（“.Function\u Page\u Wrapper”）.addClass（“智能滚动条”）
$（“.smart_滚动条”）.perfectScrollbar（）；
}else if（视口_宽度<768）{
//***************从面板上卸下滚动条***************//
if（$（“.Functions\u Panel\u Wrapper”）.hasClass（“智能滚动条”））{
$（“.Functions\u Panel\u Wrapper”）.removeClass（“智能滚动条”）
}
if（$（“.Function\u Page\u Wrapper”）.hasClass（“智能滚动条”））{
$（“.Function\u Page\u Wrapper”）.removeClass（“智能滚动条”）
}
$（“.smart_滚动条”）.perfectScrollbar（'destroy'）；
}
}

我正在使用.perfectScrollbar（'destroy'）内部视口宽度（如果我正在使用）.perfectScrollbar（'destroy'）内部视口宽度（如果