fbpx

Trick or Treat - 30% OFF - Coupon Code: SCARY20 Grab the Deal!

Welcome, Guest
Username: Password: Remember me

TOPIC: jQuery conflicts

jQuery conflicts 3 years 1 month ago #4241

  • edjec
  • edjec's Avatar
  • Offline
  • New Member
  • Posts: 11
  • Karma: -5
Hello,

I have been trying to migrate a J2.5.28 site to J3.7.5 using the Dallas template and I’m running into what I believe are a number of JS conflicts. Modules that have functioned fine in the past now do not or cause conflicts with other modules or components.

One such conflict was with VirtueMart using the MaterialMart template. Nothing in VM that used jQuery functioned and the response and partial fix from that developer is as follows:

Your website has a jQuery conflict problem, you are right. This has to be resolved, otherwise "ALL" jquery dependent functions will fail (means, nothing will work with MaterialMart)

Chrome Dev Tool says:
Uncaught TypeError: Cannot read property 'split' of undefined
and this error happens on this file:
vcoa.org/mmp_upgrade/templates/jd_dallas/js/scrolling-nav.js

Apparently, the file is trying to change the property of an undefined object, which is not cool. Try this patch:

1- Open this JS file:
2- find these lines:
getHash: function ($link) {
return $link.attr('href').split('#')[1];
}
3- repalce them wit these:
getHash: function ($link) {
return false;
// return $link.attr('href').split('#')[1];
}

FYI: This patch will basically eliminate the console error by returning nothing for that function. That function doesn't work anyway, so nothing will change on your website.


/* End response */

Other issues include the header login drop-down does not appear after login, the Helix social share icons at the bottom of the page disappear when the cursor is passed over them or clicked, the JoomGallery Image module (footer) seems to conflict with the social share buttons, but this module worked in the previous site (it should scroll the images). There are still quite a few conflicts in VirtueMart in the detail pages.

You can test it here: https://vcoa.org/mmp_upgrade
The administrator has disabled public write access.

jQuery conflicts 3 years 1 month ago #4267

  • admin
  • admin's Avatar
  • Offline
  • Administrator
  • Posts: 4153
  • Thank you received: 609
  • Karma: 108
Hi,

Have you resolved this issue. I don't see it on your website anymore.
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The administrator has disabled public write access.

jQuery conflicts 3 years 1 month ago #4268

  • edjec
  • edjec's Avatar
  • Offline
  • New Member
  • Posts: 11
  • Karma: -5
No, the issues are still present. I replied to your email.

Thank you.
The administrator has disabled public write access.

jQuery conflicts 3 years 1 month ago #4284

  • edjec
  • edjec's Avatar
  • Offline
  • New Member
  • Posts: 11
  • Karma: -5
Have you been able to find a solution to the problems?
The administrator has disabled public write access.

jQuery conflicts 3 years 1 month ago #4297

  • admin
  • admin's Avatar
  • Offline
  • Administrator
  • Posts: 4153
  • Thank you received: 609
  • Karma: 108
Replied to your email Ed.
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The administrator has disabled public write access.

jQuery conflicts 3 years 1 month ago #4312

  • edjec
  • edjec's Avatar
  • Offline
  • New Member
  • Posts: 11
  • Karma: -5
I was working of our Kunena forum today and discovered that when the cursor is passed over the thread header, the title disappears as shown in the image. There is no error detected by any of the browser dev tools. Any ideas?
Attachments:
The administrator has disabled public write access.

jQuery conflicts 3 years 1 month ago #4334

  • rahulahluwalia
  • rahulahluwalia's Avatar
Ed,

Do you mind If you can provide us with the URL of the page?

Thanks
The administrator has disabled public write access.

jQuery conflicts 3 years 1 month ago #4341

  • edjec
  • edjec's Avatar
  • Offline
  • New Member
  • Posts: 11
  • Karma: -5
It was on my very first post, but here it is again: vcoa.org/mmp_upgrade
The administrator has disabled public write access.

jQuery conflicts 3 years 1 month ago #4344

  • edjec
  • edjec's Avatar
  • Offline
  • New Member
  • Posts: 11
  • Karma: -5
Here’s an update on progress made so far:

The developer of the VirtueMart template has corrected all errors there and that area is now functioning fine.

However, there continue to be site wide issues with anchored links that disappear whenever the cursor is passed over them. These include, but are not limited to: the Helix social icons at page bottom, tabs on the Contact pages, Kunena headers, titles, avatars, user names, tabs on editor, etc. Note: changing to the default template on Kunena does not eliminate the issues.

What I believe is happening is that these elements are being set to display:none when the cursor is passed over them. I have not been able to isolate what’s causing this.

Also, the header login module will display the pop-up modal and display the user name after login, but the drop-down menu will not function and it appears to conflict with Community Builder login functions, as user login/logout are not possible using this module; it simply displays the user name. Login must be performed with the CB login in the footer.

Core is at J3.8.0 and all components and extensions are at the latest releases.

Most of the errors and warnings I see now are related to either the scrolling-nav.js or smoothscroll.js files. Here are a few errors and warnings thrown at various pages:

On Home page:
Uncaught TypeError: Cannot read property 'top' of undefined
at OnePageNav.scrollTo (scrolling-nav.js:179)
at OnePageNav.handleClick (scrolling-nav.js:139)
at HTMLAnchorElement.d (jquery.min.js?bb58d20b4413cfdc8dd0763dc7499115:2)
at HTMLAnchorElement.dispatch (jquery.min.js?bb58d20b4413cfdc8dd0763dc7499115:3)
at HTMLAnchorElement.r.handle (jquery.min.js?bb58d20b4413cfdc8dd0763dc7499115:3)
scrollTo @ scrolling-nav.js:179
handleClick @ scrolling-nav.js:139
d @ jquery.min.js?bb58d20b4413cfdc8dd0763dc7499115:2
dispatch @ jquery.min.js?bb58d20b4413cfdc8dd0763dc7499115:3
r.handle @ jquery.min.js?bb58d20b4413cfdc8dd0763dc7499115:3


On Kunena forum pages:
[Violation] Added non-passive event listener to a scroll-blocking 'wheel' event.
Consider marking event handler as 'passive' to make the page more responsive.
F @ smoothscroll.js:1
(anonymous) @ smoothscroll.js:1
(anonymous) @ smoothscroll.js:1

[Violation] 'DOMContentLoaded' handler took 215ms jquery.min.js?bb58d20b4413cfdc8dd0763dc7499115:2
[Violation] Forced reflow while executing JavaScript took 150ms



Virtuemart:

[Violation] Added non-passive event listener to a scroll-blocking 'wheel' event. Consider marking event smoothscroll.js:1 handler as 'passive' to make the page more responsive.
F @ smoothscroll.js:1
(anonymous) @ smoothscroll.js:1
(anonymous) @ smoothscroll.js:1

keepAlive each 29.04 minutes and maxlps 4 vmkeepalive.js?vmver=32228d9d:7
[Violation] 'DOMContentLoaded' handler took 154ms jquery.min.js?bb58d20b4413cfdc8dd0763dc7499115:2
[Violation] Forced reflow while executing JavaScript took 101ms


Hopefully, this will help make it a bit easier to determine the culprit(s).

Thanks!
Last Edit: 3 years 1 month ago by edjec.
The administrator has disabled public write access.

jQuery conflicts 3 years 1 month ago #4348

  • admin
  • admin's Avatar
  • Offline
  • Administrator
  • Posts: 4153
  • Thank you received: 609
  • Karma: 108
Hi,

Thanks for your patience on this. I am trying to re-produce this on my end and have had some success. I'll circle back to this one tomorrow and get you more info.

Thank You,
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The administrator has disabled public write access.
Moderators: chandandeep
Time to create page: 0.490 seconds