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