Javascript conflict, hover opacity not working on image rollover
-
I have installed the Ready ecommerce plugin for the following site:
https://lazyspanishlearning.com
As soon as I activate the plugin I have a problem with my portfolio section, where image rollover opacity is being “ignored”, so there is no change in opacity.
Normally, upon hover of any image in the portfolio section found on the home page, There is a brief description of the page and two icons that become visible through the image in the portfolio, like many other WP portfolios.
Any help would be greatly appreciated.
Thank you,
William Genske
-
An update from the author of the theme I am working with:
In this plugin is ‘adminForm.js’ problematic. Only author(s) can resolve this problem. I don’t know this plugin.
Thanks again for any help I can get to resolve this issue.
WG
Hello.
Thank you for reporting. We will try to fix this on next release, maybe on this week.Regards,
Alexey.Hello.
We released new version, this should fix your problem, please try.Regards,
Alexey.Hi Alexey,
Good morning and thank you for your replies as well as for the update. I have updated the plugin to the latest version, but unfortunately the problem persists. This is the message I receive:
if(typeof(jQuery)!=”undefined”){if(typeof(jQuery.fn.hoverIntent)==”undefined”){(function(b){b.fn.hoverIntent=function(a,v,r){var p={interval:100,sensitivity:7,timeout:0};if(typeof a===”object”){p=b.extend(p,a)}else{if(b.isFunction(v)){p=b.extend(p,{over:a,out:v,selector:r})}else{p=b.extend(p,{over:a,out:a,selector:v})}}var n,o,s,t;var u=function(c){n=c.pageX;o=c.pageY};var w=function(c,d){d.hoverIntent_t=clearTimeout(d.hoverIntent_t);if((Math.abs(s-n)+Math.abs(t-o))<p.sensitivity){b(d).off(“mousemove.hoverIntent”,u);d.hoverIntent_s=1;return p.over.apply(d,[c])}else{s=n;t=o;d.hoverIntent_t=setTimeout(function(){w(c,d)},p.interval)}};var q=function(c,d){d.hoverIntent_t=clearTimeout(d.hoverIntent_t);d.hoverIntent_s=0;return p.out.apply(d,[c])};var x=function(c){var d=jQuery.extend({},c);var e=this;if(e.hoverIntent_t){e.hoverIntent_t=clearTimeout(e.hoverIntent_t)}if(c.type==”mouseenter”){s=d.pageX;t=d.pageY;b(e).on(“mousemove.hoverIntent”,u);if(e.hoverIntent_s!=1){e.hoverIntent_t=setTimeout(function(){w(d,e)},p.interval)}}else{b(e).off(“mousemove.hoverIntent”,u);if(e.hoverIntent_s==1){e.hoverIntent_t=setTimeout(function(){q(d,e)},p.timeout)}}};return this.on({“mouseenter.hoverIntent”:x,”mouseleave.hoverIntent”:x},p.selector)}})(jQuery)}jQuery(document).ready(function(e){var d=e(“#wpadminbar”),c,a,b,f=false;c=function(g,j){var k=e(j),h=k.attr(“tabindex”);if(h){k.attr(“tabindex”,”0″).attr(“tabindex”,h)}};a=function(g){d.find(“li.menupop”).on(“click.wp-mobile-hover”,function(i){var h=e(this);if(!h.hasClass(“hover”)){i.preventDefault();d.find(“li.menupop.hover”).removeClass(“hover”);h.addClass(“hover”)}if(g){e(“li.menupop”).off(“click.wp-mobile-hover”);f=false}})};b=function(){var g=/Mobile\/.+Safari/.test(navigator.userAgent)?”touchstart”:”click”;e(document.body).on(g+”.wp-mobile-hover”,function(h){if(!e(h.target).closest(“#wpadminbar”).length){d.find(“li.menupop.hover”).removeClass(“hover”)}})};d.removeClass(“nojq”).removeClass(“nojs”);if(“ontouchstart” in window){d.on(“touchstart”,function(){a(true);f=true});b()}else{if(/IEMobile\/[1-9]/.test(navigator.userAgent)){a();b()}}d.find(“li.menupop”).hoverIntent({over:function(g){if(f){return}e(this).addClass(“hover”)},out:function(g){if(f){return}e(this).removeClass(“hover”)},timeout:180,sensitivity:7,interval:100});if(window.location.hash){window.scrollBy(0,-32)}e(“#wp-admin-bar-get-shortlink”).click(function(g){g.preventDefault();e(this).addClass(“selected”).children(“.shortlink-input”).blur(function(){e(this).parents(“#wp-admin-bar-get-shortlink”).removeClass(“selected”)}).focus().select()});e(“#wpadminbar li.menupop > .ab-item”).bind(“keydown.adminbar”,function(i){if(i.which!=13){return}var h=e(i.target),g=h.closest(“ab-sub-wrapper”);i.stopPropagation();i.preventDefault();if(!g.length){g=e(“#wpadminbar .quicklinks”)}g.find(“.menupop”).removeClass(“hover”);h.parent().toggleClass(“hover”);h.siblings(“.ab-sub-wrapper”).find(“.ab-item”).each(c)}).each(c);e(“#wpadminbar .ab-item”).bind(“keydown.adminbar”,function(h){if(h.which!=27){return}var g=e(h.target);h.stopPropagation();h.preventDefault();g.closest(“.hover”).removeClass(“hover”).children(“.ab-item”).focus();g.siblings(“.ab-sub-wrapper”).find(“.ab-item”).each(c)});e(“#wpadminbar”).click(function(g){if(g.target.id!=”wpadminbar”&&g.target.id!=”wp-admin-bar-top-secondary”){return}g.preventDefault();e(“html, body”).animate({scrollTop:0},”fast”)});e(“.screen-reader-shortcut”).keydown(function(h){if(13!=h.which){return}var i=e(this).attr(“href”);var g=navigator.userAgent.toLowerCase();if(g.indexOf(“applewebkit”)!=-1&&i&&i.charAt(0)==”#”){setTimeout(function(){e(i).focus()},100)}});if(“sessionStorage” in window){e(“#wp-admin-bar-logout a”).click(function(){try{for(var g in sessionStorage){if(g.indexOf(“wp-autosave-“)!=-1){sessionStorage.removeItem(g)}}}catch(h){}})}})}else{(function(j,l){var e=function(o,n,d){if(o.addEventListener){o.addEventListener(n,d,false)}else{if(o.attachEvent){o.attachEvent(“on”+n,function(){return d.call(o,window.event)})}}},f,g=new RegExp(“\\bhover\\b”,”g”),b=[],k=new RegExp(“\\bselected\\b”,”g”),h=function(n){var d=b.length;while(d–){if(b[d]&&n==b[d][1]){return b[d][0]}}return false},i=function(u){var o,d,r,n,q,s,v=[],p=0;while(u&&u!=f&&u!=j){if(“LI”==u.nodeName.toUpperCase()){v[v.length]=u;d=h(u);if(d){clearTimeout(d)}u.className=u.className?(u.className.replace(g,””)+” hover”):”hover”;n=u}u=u.parentNode}if(n&&n.parentNode){q=n.parentNode;if(q&&”UL”==q.nodeName.toUpperCase()){o=q.childNodes.length;while(o–){s=q.childNodes[o];if(s!=n){s.className=s.className?s.className.replace(k,””):””}}}}o=b.length;while(o–){r=false;p=v.length;while(p–){if(v[p]==b[o][1]){r=true}}if(!r){b[o][1].className=b[o][1].className?b[o][1].className.replace(g,””):””}}},m=function(d){while(d&&d!=f&&d!=j){if(“LI”==d.nodeName.toUpperCase()){(function(n){var o=setTimeout(function(){n.className=n.className?n.className.replace(g,””):””},500);b[b.length]=[o,n]})(d)}d=d.parentNode}},c=function(q){var o,d,p,n=q.target||q.srcElement;while(true){if(!n||n==j||n==f){return}if(n.id&&n.id==”wp-admin-bar-get-shortlink”){break}n=n.parentNode}if(q.preventDefault){q.preventDefault()}q.returnValue=false;if(-1==n.className.indexOf(“selected”)){n.className+=” selected”}for(o=0,d=n.childNodes.length;o<d;o++){p=n.childNodes[o];if(p.className&&-1!=p.className.indexOf(“shortlink-input”)){p.focus();p.select();p.onblur=function(){n.className=n.className?n.className.replace(k,””):””};break}}return false},a=function(n){var s,q,p,d,r,o;if(n.id!=”wpadminbar”&&n.id!=”wp-admin-bar-top-secondary”){return}s=window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0;if(s<1){return}o=s>800?130:100;q=Math.min(12,Math.round(s/o));p=s>800?Math.round(s/30):Math.round(s/20);d=[];r=0;while(s){s-=p;if(s<0){s=0}d.push(s);setTimeout(function(){window.scrollTo(0,d.shift())},r*q);r++}};e(l,”load”,function(){f=j.getElementById(“wpadminbar”);if(j.body&&f){j.body.appendChild(f);if(f.className){f.className=f.className.replace(/nojs/,””)}e(f,”mouseover”,function(d){i(d.target||d.srcElement)});e(f,”mouseout”,function(d){m(d.target||d.srcElement)});e(f,”click”,c);e(f,”click”,function(d){a(d.target||d.srcElement)});e(document.getElementById(“wp-admin-bar-logout”),”click”,function(){if(“sessionStorage” in window){try{for(var d in sessionStorage){if(d.indexOf(“wp-autosave-“)!=-1){sessionStorage.removeItem(d)}}}catch(n){}}})}if(l.location.hash){l.scrollBy(0,-32)}})})(document,window)};
Hello.
Please tell me – in what file do you have this problem?Regards,
Alexey.Hi Alexey,
Debugger is indicating that the problem is in “admin-bar.min.js”.
Thanks in advance for your help.
William
Hello.
Can you please provide me with full path to this file? As our plugin have no file “admin-bar.min.js”.Regards,
Alexey.Ok, that is weird, I went to the debugger again to get the path for the file and I am now told the problem persists in the “adminForm.js” file.
same error code as before
Ok, I see.
Please do next thing:
1. Activate standard wordpress template
2. Clear cache
3. Look at your site now – will problem stll exist?
4. Send me link to site here – so I will be able to look to it with standard templateRegards,
Alexey.Clear cache, as in the server cache, correct?
Server – if you have it, and browser cache.
Regards,
Alexey.Hi Alexey, 2013 template is now active.
ok, browser cache cleared, not sure how to clear my server cache, do you need me to look into this? Thanks, Wm
Can′t check if problem persists since the 2013 Theme does not have any hover / opacity elements that are showing.
- The topic ‘Javascript conflict, hover opacity not working on image rollover’ is closed to new replies.