清除之前的css设置

Question

我正在致力于响应式网页设计。我编写了jQuery插件，其中一部分当view-port> 786时将smart_scrollbar claass添加到两个div，随后将smartSscrollbar添加到perfectScrollbar（）http://www.yuiazu.net/perfect-scrollbar/，并在视图端口为< 786时删除类。我的问题类在view-port上删除< 786但它的功能仍然存在。我需要清除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'); 
    } 
}