javascript - 清除以前的 css 设置

Question

我正在从事响应式网页设计。我写了 jQuery 插件，其中一部分在视口(viewport)>786 时将 smart_scrollbar 类添加到两个 div，然后添加 perfectScrollbar() http://www.yuiazu.net/perfect-scrollbar/到 smart_scrollbar 并在视口(viewport) <786 时删除类。我的问题类确实在 <786 的视口(viewport)上删除了，但它的功能仍然存在。我需要以某种方式清除此 jquery 行为。

$(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")
            }
      }
}

Answer 1

来自GitHub documentation ，您可以使用它来删除滚动条:

$(".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');
    }
}