jQuery script not working with 5.9
-
Hi I have the following jQuery Script:
<script async> (function(d){var k="readmore",c={speed:300,collapsedHeight:105,heightMargin:16,moreLink:'<a class="showcoupon" href="#"><i class="icon-angle-down"></i> Details</a>',lessLink:'<a class="showcoupon" href="#"><i class="icon-angle-up"></i> Details</a>',embedCSS:true,blockCSS:"display: block; width: 100%;",startOpen:false,beforeToggle:function(){},afterToggle:function(){}},b={},g=0;function i(m,o,l){var n;return function(){var s=this,r=arguments;var q=function(){n=null;if(!l){m.apply(s,r)}};var p=l&&!n;clearTimeout(n);n=setTimeout(q,o);if(p){m.apply(s,r)}}}function e(l){var m=++g;return String(l==null?"rmjs-":l)+m}function h(n){var o=n.clone().css({height:"auto",width:n.width(),maxHeight:"none",overflow:"hidden"}).insertAfter(n),m=o.outerHeight(),q=parseInt(o.css({maxHeight:""}).css("max-height").replace(/[^-\d\.]/g,""),10),p=n.data("defaultHeight");o.remove();var l=q||n.data("collapsedHeight")||p;n.data({expandedHeight:m,maxHeight:q,collapsedHeight:l}).css({maxHeight:"none"})}var j=i(function(){d("[data-readmore]").each(function(){var l=d(this),m=(l.attr("aria-expanded")==="true");h(l);l.css({height:l.data((m?"expandedHeight":"collapsedHeight"))})})},100);function a(l){if(!b[l.selector]){var m=" ";if(l.embedCSS&&l.blockCSS!==""){m+=l.selector+" + [data-readmore-toggle], "+l.selector+"[data-readmore]{"+l.blockCSS+"}"}m+=l.selector+"[data-readmore]{transition: height "+l.speed+"ms;overflow: hidden;}";(function(p,n){var o=p.createElement("style");o.type="text/css";if(o.styleSheet){o.styleSheet.cssText=n}else{o.appendChild(p.createTextNode(n))}p.getElementsByTagName("head")[0].appendChild(o)}(document,m));b[l.selector]=true}}function f(m,l){var n=this;this.element=m;this.options=d.extend({},c,l);a(this.options);this._defaults=c;this._name=k;this.init();if(window.addEventListener){window.addEventListener("load",j);window.addEventListener("resize",j)}else{window.attachEvent("load",j);window.attachEvent("resize",j)}}f.prototype={init:function(){var p=this,o=d(this.element);o.data({defaultHeight:this.options.collapsedHeight,heightMargin:this.options.heightMargin});h(o);var l=o.data("collapsedHeight"),n=o.data("heightMargin");if(o.outerHeight(true)<=l+n){return true}else{var q=o.attr("id")||e(),m=p.options.startOpen?p.options.lessLink:p.options.moreLink;o.attr({"data-readmore":"","aria-expanded":false,id:q});o.after(d(m).on("click",function(r){p.toggle(this,o[0],r)}).attr({"data-readmore-toggle":"","aria-controls":q}));if(!p.options.startOpen){o.css({height:l})}}},toggle:function(n,q,m){if(m){m.preventDefault()}if(!n){n=d('[aria-controls="'+this.element.id+'"]')[0]}if(!q){q=this.element}var s=this,t=d(q),l="",o="",r=false,p=t.data("collapsedHeight");if(t.height()<=p){l=t.data("expandedHeight")+"px";o="lessLink";r=true}else{l=p;o="moreLink"}s.options.beforeToggle(n,q,!r);t.css({height:l});t.on("transitionend",function(){s.options.afterToggle(n,q,r);d(this).attr({"aria-expanded":r}).off("transitionend")});d(n).replaceWith(d(s.options[o]).on("click",function(u){s.toggle(this,q,u)}).attr({"data-readmore-toggle":"","aria-controls":t.attr("id")}))},destroy:function(){d(this.element).each(function(){var l=d(this);l.attr({"data-readmore":null,"aria-expanded":null}).css({maxHeight:"",height:""}).next("[data-readmore-toggle]").remove();l.removeData()})}};jQuery.fn.readmore=function(n){var m=arguments,l=this.selector;n=n||{};if(typeof n==="object"){return this.each(function(){if(d.data(this,"plugin_"+k)){var o=d.data(this,"plugin_"+k);o.destroy.apply(o)}n.selector=l;d.data(this,"plugin_"+k,new f(this,n))})}else{if(typeof n==="string"&&n[0]!=="_"&&n!=="init"){return this.each(function(){var o=d.data(this,"plugin_"+k);if(o instanceof f&&typeof o[n]==="function"){o[n].apply(o,Array.prototype.slice.call(m,1))}})}}}})(jQuery);jQuery("#info").readmore({moreLink:'<a href="#">Usage, examples, and options</a>',collapsedHeight:110,afterToggle:function(b,c,a){if(!a){$("html, body").animate({scrollTop:$(c).offset().top},{duration:100})}}});jQuery("article").readmore({speed:500}); </script>
unfortunately it is not working anymore with WordPress 5.9
Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
- The topic ‘jQuery script not working with 5.9’ is closed to new replies.