Slider Revolution 5.3.1: Uncaught TypeError: Cannot set properties of undefined (setting 'cssText')
Slider Revolution 5.3.1: Uncaught TypeError: Cannot set properties of undefined (setting 'cssText')
我在使用硬编码滑块革命插件 v5.3.1 + acf 组合的 wordpress 网站上遇到这个问题，滑块无法加载，我不断收到控制台错误，其中显示：
VM192 jquery.themepunch.tools.min.js:104 Uncaught TypeError: Cannot set properties of undefined (setting 'cssText')
at VM192 jquery.themepunch.tools.min.js:104:1873
at Function.<anonymous> (VM192 jquery.themepunch.tools.min.js:104:1931)
at q.check (VM192 jquery.themepunch.tools.min.js:60:822)
at new q (VM192 jquery.themepunch.tools.min.js:60:1176)
at a._gsDefine (VM192 jquery.themepunch.tools.min.js:60:1226)
at VM192 jquery.themepunch.tools.min.js:104:187
at VM192 jquery.themepunch.tools.min.js:105:8674
wordpress版本更新到ver. 5.9.1 并且我将 jQuery 版本降级为 1.12.4.
站点是https://woodlandsvalencia.com/
这是使用的 Slider + ACF 代码：
<ul>
<?php
$cnt = 0;
if(get_field('home_banner', '2')) {
while(the_repeater_field('home_banner', '2')){
$bannerimage = get_sub_field('banner_image', '2');
$bannertitle = get_sub_field('banner_title', '2');
$bannertext = get_sub_field('banner_text', '2');
$bannerbuttontext = get_sub_field('banner_button_text', '2');
$bannerbuttonlink = get_sub_field('banner_button_link', '2');
$cnt++;
?>
<li data-index="rs-<?=$cnt?>" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="300" data-thumb="#" data-rotate="0" data-saveperformance="off" data-title="Slide" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
<div class="tp-caption tp-resizeme" id="slide-1-layer-9" data-x="135" data-y="" data-width="['none','none','none','none']" data-height="['none','none','none','none']" data-type="image" data-responsive_offset="on" data-frames='[{"delay":10,"speed":600,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]' data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 5;"><img src="<?=$bannerimage?>" alt="" data-ww="1410px" data-hh="948px" width="1410" height="948" data-no-retina>
</div>
<div class="tp-caption tp-resizeme" id="slide-1-layer-1" data-x="40" data-y="280" data-width="['auto']" data-height="['auto']" data-type="text" data-responsive_offset="on" data-frames='[{"delay":100,"speed":800,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]' data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 6; white-space: nowrap; font-size: 80px; line-height: 80px; font-weight: 100; color: rgba(141, 110, 92, 1.00);font-family:Raleway;">
<?= $bannertitle?>
</div>
<div class="tp-caption tp-resizeme" id="slide-1-layer-2" data-x="40" data-y="380" data-width="['auto']" data-height="['auto']" data-type="text" data-responsive_offset="on" data-frames='[{"delay":150,"speed":800,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]' data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 7; white-space: nowrap; font-size: 70px; line-height: 68px; font-weight: 400; color: rgba(0, 0, 0, 1.00);font-family:Raleway;">
<?=$bannertext?>
</div>
<a class="tp-caption rev-btn tp-resizeme" href="<?php bloginfo('home') ?>/<?=$bannerbuttonlink?>" target="_self" id="slide-1-layer-4" data-x="40" data-y="550" data-width="['auto']" data-height="['auto']" data-type="button" data-actions='' data-responsive_offset="on" data-frames='[{"delay":200,"speed":800,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"300","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgba(255, 255, 255, 1.00);bg:rgba(113, 81, 64, 1.00);bs:solid;bw:0 0 0 0;"}]' data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[15,15,15,15]" data-paddingright="[32,32,32,32]" data-paddingbottom="[15,15,15,15]" data-paddingleft="[32,32,32,32]" style="z-index: 8; white-space: nowrap; font-size: 14px; line-height: 24px; font-weight: 700; color: rgba(255, 255, 255, 1.00);font-family:Playfair Display;background-color:rgba(141, 110, 92, 1.00);border-color:rgba(0, 0, 0, 1.00);outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;text-decoration: none;"><?=$bannerbuttontext?></a>
<div class="tp-caption tp-resizeme" id="slide-1-layer-7" data-x="100" data-y="" data-width="['none','none','none','none']" data-height="['none','none','none','none']" data-type="image" data-responsive_offset="on" data-frames='[{"delay":250,"speed":800,"frame":"0","from":"y:-50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]' data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 9;"><img src="<?php bloginfo('template_url') ?>/images/home_shoes_slider_sep.png" alt="" data-ww="1px" data-hh="263px" width="1" height="263" data-no-retina>
</div>
</li>
<?php } } ?>
</ul>
有人遇到过此类问题吗？请问你是怎么解决的？
非常感谢您！
所以我设法通过将 CSS PLUGIN 版本从 1.19.0 版本降级到 1.18.0 来解决这个问题。
这可能不是最好的解决方案，但由于革命滑块实现是 hard-coded 并且在自定义 WordPress 网站上使用旧版本，这是可行的方法。
希望对有需要的人有所帮助。
我在使用硬编码滑块革命插件 v5.3.1 + acf 组合的 wordpress 网站上遇到这个问题，滑块无法加载，我不断收到控制台错误，其中显示：
VM192 jquery.themepunch.tools.min.js:104 Uncaught TypeError: Cannot set properties of undefined (setting 'cssText')
at VM192 jquery.themepunch.tools.min.js:104:1873
at Function.<anonymous> (VM192 jquery.themepunch.tools.min.js:104:1931)
at q.check (VM192 jquery.themepunch.tools.min.js:60:822)
at new q (VM192 jquery.themepunch.tools.min.js:60:1176)
at a._gsDefine (VM192 jquery.themepunch.tools.min.js:60:1226)
at VM192 jquery.themepunch.tools.min.js:104:187
at VM192 jquery.themepunch.tools.min.js:105:8674
wordpress版本更新到ver. 5.9.1 并且我将 jQuery 版本降级为 1.12.4.
站点是https://woodlandsvalencia.com/
这是使用的 Slider + ACF 代码：
<ul>
<?php
$cnt = 0;
if(get_field('home_banner', '2')) {
while(the_repeater_field('home_banner', '2')){
$bannerimage = get_sub_field('banner_image', '2');
$bannertitle = get_sub_field('banner_title', '2');
$bannertext = get_sub_field('banner_text', '2');
$bannerbuttontext = get_sub_field('banner_button_text', '2');
$bannerbuttonlink = get_sub_field('banner_button_link', '2');
$cnt++;
?>
<li data-index="rs-<?=$cnt?>" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="300" data-thumb="#" data-rotate="0" data-saveperformance="off" data-title="Slide" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
<div class="tp-caption tp-resizeme" id="slide-1-layer-9" data-x="135" data-y="" data-width="['none','none','none','none']" data-height="['none','none','none','none']" data-type="image" data-responsive_offset="on" data-frames='[{"delay":10,"speed":600,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]' data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 5;"><img src="<?=$bannerimage?>" alt="" data-ww="1410px" data-hh="948px" width="1410" height="948" data-no-retina>
</div>
<div class="tp-caption tp-resizeme" id="slide-1-layer-1" data-x="40" data-y="280" data-width="['auto']" data-height="['auto']" data-type="text" data-responsive_offset="on" data-frames='[{"delay":100,"speed":800,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]' data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 6; white-space: nowrap; font-size: 80px; line-height: 80px; font-weight: 100; color: rgba(141, 110, 92, 1.00);font-family:Raleway;">
<?= $bannertitle?>
</div>
<div class="tp-caption tp-resizeme" id="slide-1-layer-2" data-x="40" data-y="380" data-width="['auto']" data-height="['auto']" data-type="text" data-responsive_offset="on" data-frames='[{"delay":150,"speed":800,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]' data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 7; white-space: nowrap; font-size: 70px; line-height: 68px; font-weight: 400; color: rgba(0, 0, 0, 1.00);font-family:Raleway;">
<?=$bannertext?>
</div>
<a class="tp-caption rev-btn tp-resizeme" href="<?php bloginfo('home') ?>/<?=$bannerbuttonlink?>" target="_self" id="slide-1-layer-4" data-x="40" data-y="550" data-width="['auto']" data-height="['auto']" data-type="button" data-actions='' data-responsive_offset="on" data-frames='[{"delay":200,"speed":800,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"300","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgba(255, 255, 255, 1.00);bg:rgba(113, 81, 64, 1.00);bs:solid;bw:0 0 0 0;"}]' data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[15,15,15,15]" data-paddingright="[32,32,32,32]" data-paddingbottom="[15,15,15,15]" data-paddingleft="[32,32,32,32]" style="z-index: 8; white-space: nowrap; font-size: 14px; line-height: 24px; font-weight: 700; color: rgba(255, 255, 255, 1.00);font-family:Playfair Display;background-color:rgba(141, 110, 92, 1.00);border-color:rgba(0, 0, 0, 1.00);outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;text-decoration: none;"><?=$bannerbuttontext?></a>
<div class="tp-caption tp-resizeme" id="slide-1-layer-7" data-x="100" data-y="" data-width="['none','none','none','none']" data-height="['none','none','none','none']" data-type="image" data-responsive_offset="on" data-frames='[{"delay":250,"speed":800,"frame":"0","from":"y:-50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]' data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 9;"><img src="<?php bloginfo('template_url') ?>/images/home_shoes_slider_sep.png" alt="" data-ww="1px" data-hh="263px" width="1" height="263" data-no-retina>
</div>
</li>
<?php } } ?>
</ul>
有人遇到过此类问题吗？请问你是怎么解决的？
非常感谢您！
所以我设法通过将 CSS PLUGIN 版本从 1.19.0 版本降级到 1.18.0 来解决这个问题。
这可能不是最好的解决方案，但由于革命滑块实现是 hard-coded 并且在自定义 WordPress 网站上使用旧版本，这是可行的方法。
希望对有需要的人有所帮助。