Javascript Scrollify(jquery)-在站点的某些页面上禁用插件(新手)

Javascript Scrollify(jquery)-在站点的某些页面上禁用插件(新手),javascript,jquery,wordpress,Javascript,Jquery,Wordpress,我正在尝试在我的网站上使用Scrollyfy(Wordpress,woocomerce),我完全不懂编程,所以我真的需要你们的帮助 我需要禁用商店页面和产品页面上的插件,当我想使用插件时,我正在使用一个名为“hwdp”的类来访问页面上的所有部分。但是他在其他页面上被激活是因为页脚(它有一个类可以打开scrollify),但是我不能在Wordpress中使用两个单独的页脚,所以我需要使用一个函数来使用代码 $.scrollify.disable(); The disable met

我正在尝试在我的网站上使用Scrollyfy(Wordpress,woocomerce),我完全不懂编程,所以我真的需要你们的帮助

我需要禁用商店页面和产品页面上的插件,当我想使用插件时,我正在使用一个名为“hwdp”的类来访问页面上的所有部分。但是他在其他页面上被激活是因为页脚(它有一个类可以打开scrollify),但是我不能在Wordpress中使用两个单独的页脚,所以我需要使用一个函数来使用代码

$.scrollify.disable();        
The disable method turns off the scroll snap behavior so that the page scroll like normal.
有关于该插件的文档

应该是这样的: 如果页面上没有名为hwdp的类 插件应该被禁用 其他的 他应该被启用

我试着自己解决这个问题,我花了几个小时却没有结果。。。我知道,对于了解jquery的人来说,这是一件非常简单的事情

<script>
jQuery(document).ready(function($) {
$.scrollify({ 
    section : ".hwdp",
    interstitialSection: ".footer",
    easing: "easeOutExpo",
    scrollSpeed: 1200,
    offset: 1,
    scrollbars: true,
    standardScrollElements: "",
    setHeights: true,
    overflowScroll: true,
    updateHash: true,
    touchScroll: false,
    before:function() {},
    after:function() {},
    afterResize:function() {},
    afterRender:function() {},

 });

if (!$('section').hasClass('.hwdp')) {
$.scrollify.enable();
  }else{
$.scrollify.disable();
  } 

});
</script>

jQuery(文档).ready(函数($){
$.scrollify({
第节:“.hwdp”,
中间部分:“.footer”,
放松:“easeOutExpo”,
滚动速度:1200,
抵销:1,
滚动条:对,
标准滚动元素:“”,
赛特:没错,
克罗尔:是的,
是的,
touchScroll:错,
before:function(){},
在:function(){}之后,
afterResize:function(){},
afterRender:function(){},
});
if(!$('section').hasClass('.hwdp')){
$.scrollify.enable();
}否则{
$.scrollify.disable();
} 
});

在您的代码中,无论是否找到
.hwdp
类,插件都会在每个页面上初始化。最好只在需要初始化时进行初始化

以下是如何仅当页面上有
部分
且类为
.hwdp
时才启用插件

<script>

jQuery(document).ready(function($) {
  if($('section.hwdp').length) {

    $.scrollify({ 
      section : ".hwdp",
      interstitialSection: ".footer",
      easing: "easeOutExpo",
      scrollSpeed: 1200,
      offset: 1,
      scrollbars: true,
      standardScrollElements: "",
      setHeights: true,
      overflowScroll: true,
      updateHash: true,
      touchScroll: false,
      before:function() {},
      after:function() {},
      afterResize:function() {},
      afterRender:function() {},
    });

  } 
});

</script>

jQuery(文档).ready(函数($){
如果($('section.hwdp')。长度){
$.scrollify({
第节:“.hwdp”,
中间部分:“.footer”,
放松:“easeOutExpo”,
滚动速度:1200,
抵销:1,
滚动条:对,
标准滚动元素:“”,
赛特:没错,
克罗尔:是的,
是的,
touchScroll:错,
before:function(){},
在:function(){}之后,
afterResize:function(){},
afterRender:function(){},
});
} 
});

谢谢您抽出时间!它起作用了:D!你不知道我现在有多高兴:DGlad我可以帮忙!祝你在余下的项目中好运-该网站看起来像杀手!