Error with Slick.js and Jquery

jfr79

I can't figured it out myself. I already updated slick.js through github. It was 1.5.7 and now it is version 1.9.0. But i think it's related to jquery. So i don't know what the consequences are when i update jquery.
The error when i do an inspect:

JQMIGRATE: Migrate is installed, version 1.4.1

slick.js:1331 Uncaught TypeError: Cannot read property 'add' of null
at Slick.initADA (slick.js:1331)
at Slick.init (slick.js:1312)
at new Slick (slick.js:181)
at a.fn.init.$.fn.slick (slick.js:3027)
at HTMLDocument.<anonymous> ((index):2348)
at i (jquery.min.js?010a140e4d1643ac53739f38ea0cea4d:2)
at Object.fireWith [as resolveWith] (jquery.min.js?010a140e4d1643ac53739f38ea0cea4d:2)
at Function.ready (jquery.min.js?010a140e4d1643ac53739f38ea0cea4d:2)
at HTMLDocument.K (jquery.min.js?010a140e4d1643ac53739f38ea0cea4d:2)

The problem or the above error only occurs when i set in the concerning module > tab advanced > display "slide", when i set for example the setting to articlelist, infinity or slideshow the error is not visible.

saguaros

jfr79
Hi,

May I know how did you update slick js? and tell me the page where I can see the issue on your site as I just logged in but didn't see the issue.

jfr79

saguaros

Hello, I've copied back the original slick files.
The error is at the frontpage.

jfr79

The error code with the old slick version:

Uncaught TypeError: Cannot read property 'add' of null
at Slick.initADA (slick.js:2558)
at Slick.init (slick.js:1197)
at new Slick (slick.js:176)
at a.fn.init.$.fn.slick (slick.js:2635)
at HTMLDocument.<anonymous> ((index):2348)
at i (jquery.min.js?1f18f62d0f0b142f3a90ebace575f769:2)
at Object.fireWith [as resolveWith] (jquery.min.js?1f18f62d0f0b142f3a90ebace575f769:2)
at Function.ready (jquery.min.js?1f18f62d0f0b142f3a90ebace575f769:2)
at HTMLDocument.K (jquery.min.js?1f18f62d0f0b142f3a90ebace575f769:2)

saguaros

jfr79

Hi,

I see some JS errors in console tab of browser from JReview extension also. Could you try to temporarily disable this extension from frontpage and see how it goes?

jfr79

saguaros

I've disabled everything of Jreviews on the frontpage.
Still error.

saguaros

jfr79
It may have conflict with one of your 3rd party extension there.

But as I can see that the slider which is using this Slick JS is working fine, is there any part on your site that doesn't function correctly?

jfr79

saguaros

Yes, that is jreviews geomaps, but it's now disabled..
The error is only when the module is set to display "slide".

jfr79

saguaros

I found out when two modules are enabled with display "slide" the error occurs.

Mo0nlight

Hi.

To remove the error warning.

Edit the file : templates/ja_moviemax/html/mod_articles_category/slide.php

Look for :

$('html[dir="ltr"] .article-slide').slick({

Add this code above

if ($('html[dir="ltr"] .article-slide').length)

Look for :

$('html[dir="rtl"] .article-slide').slick({

Add this code above

if ($('html[dir="rtl"] .article-slide').length)

jfr79

Mo0nlight

I added the code above the two lines but the same error occurs.
So that's not the solution.

saguaros

jfr79
Hi,

If the FTP is not available, could you (or I) install the Profiles component into your site? so I can check the code for you.

Regards

Mo0nlight

Hi.
i fixed the issue by administrator
same file.
You could check.

jfr79

Mo0nlight

Yes, it's fixed. Great! Thanks!
How do you did it without FTP access?

saguaros

jfr79

Did you disable the admin login info as I can't access it now? Kindly check the same file, you will see the diffrence.

Regards