wordpress兼容html,jQuery不适用于Wordpress,但在普通的html模板中运行完美

我已经在一个网站项目上工作了一个多星期了。最后html模板设计完成,今天我开始将其转换为WordPress主题。我正确地将jQuery和我的自定义jQuery脚本排入队列。但是WordPress似乎没有认出我的代码。任何帮助将不胜感激。

if ( $(window).width() > 900) {

$(window).scroll(function() {

parallax();

});

function parallax() {

var wScroll = $(window).scrollTop();

$('.section-one-bg').css('background-position', 'center '+

(wScroll*0.5)+'px')

}

}

else {

}

if ( $(window).width() > 900) {

$(window).scroll(function() {

var wScroll = $(window).scrollTop();

$('.imac').css({

'transform' : 'translate(0px, -'+ wScroll /25 +'%)'

});

$('.iphone').css({

'transform' : 'translate(0px, -'+ wScroll /15 +'%)'

});

$('.surfacebook').css({

'transform' : 'translate(0px, -'+ wScroll /15 +'%)'

});

$('.macbook').css({

'transform' : 'translate(0px, -'+ wScroll /7 +'%)'

});

$('.section-one-text').css({

'transform' : 'translate(0px, '+ wScroll /8 +'%)'

});

$('.section-three-text').css({

'transform' : 'translate(0px, '+ wScroll /4 +'%)'

});

$('.section-four-text').css({

'transform' : 'translate(0px, '+ wScroll /8 +'%)'

});

$('.section-five-text').css({

'transform' : 'translate(0px, '+ wScroll /6 +'%)'

});

$('.home-contact-form').css({

'transform' : 'translate(0px, -'+ wScroll /30 +'%)'

});

});

}

else {

}

$(window).scroll(function() {

var wScroll = $(window).scrollTop();

if(wScroll > $('.area-box').offset().top - ($(window).height() / 1.2)) {

$('.area-box').each(function(i){

setTimeout(function(){

$('.area-box').eq(i).addClass('area-box-show');

}, 170 * (i+1));

});

}

});

最诚挚的问候。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值