Keyword

jQuery conflict with OwlCarousel.js

  • Fotis
  • Fotis's Avatar
  • Offline
  • Administrator
  • JoomlaWorks Support Team
More
8 months 1 week ago - 8 months 1 week ago #170124 by Fotis
Fotis replied the topic: jQuery conflict with OwlCarousel.js
AllVideos doesn't use jQuery. If you have a specific JS conflict issue, I can only help you if you provide a URL to your site.

If you use & love K2, please take a moment to add your review and rate it
at the Joomla Extensions Directory: extensions.joomla.org/extension/k2/


IMPORTANT: Please search the forum before posting a question!

JoomlaWorks Support Team Member
Last edit: 8 months 1 week ago by Fotis.

Please Log in or Create an account to join the conversation.

More
8 months 1 week ago - 8 months 1 week ago #170125 by Robert Hughes
Robert Hughes replied the topic: jQuery conflict with OwlCarousel.js
goto: www.achieveforumalliance.com

[removed by moderator]

I'll delete this account once you are done.

You can see that the video is loading using, {mp4}general<span>/Alliance-Premium-Video-Overview-2</span>|100%|100%|0|{/mp4}

And our main OwlCarousel is not displaying and there is an error in the console.

If I remove the {mp4} tag from the content of the page, then the OwlCarousel displays properly and displays NO error.
Last edit: 8 months 1 week ago by Fotis.

Please Log in or Create an account to join the conversation.

  • Fotis
  • Fotis's Avatar
  • Offline
  • Administrator
  • JoomlaWorks Support Team
More
8 months 1 week ago #170134 by Fotis
Fotis replied the topic: jQuery conflict with OwlCarousel.js
I got the credentials but for your safety, don't post credentials again in public. If you want to send me credentials in the future, you can use our contact form.

Like I said, I have the credentials. But which page are you referring to?

If you use & love K2, please take a moment to add your review and rate it
at the Joomla Extensions Directory: extensions.joomla.org/extension/k2/


IMPORTANT: Please search the forum before posting a question!

JoomlaWorks Support Team Member

Please Log in or Create an account to join the conversation.

More
7 months 1 week ago #170485 by Francois Gagnon
Francois Gagnon replied the topic: jQuery conflict with OwlCarousel.js
Hi,

I have the same issue on my development website : sai.symbiosetechno.com
in home page, the carousel isn't show correctly image but the video below work well.
If I disable plugin allvideo, the carousel work well.
I work with template Chimera (gantry 5) from Rockettheme.
From what I see, it seems to have issue on load mootools (core/more).

thanks.

Please Log in or Create an account to join the conversation.

  • Fotis
  • Fotis's Avatar
  • Offline
  • Administrator
  • JoomlaWorks Support Team
More
7 months 1 week ago #170496 by Fotis
Fotis replied the topic: jQuery conflict with OwlCarousel.js
Version 4.8.0 was loading Mootools without it being needed. I have fixed this in v4.8.1 (dev) which you can grab from here: github.com/joomlaworks/allvideos/archive/master.zip

Let me know.

If you use & love K2, please take a moment to add your review and rate it
at the Joomla Extensions Directory: extensions.joomla.org/extension/k2/


IMPORTANT: Please search the forum before posting a question!

JoomlaWorks Support Team Member

Please Log in or Create an account to join the conversation.

More
7 months 1 week ago #170522 by Francois Gagnon
Francois Gagnon replied the topic: jQuery conflict with OwlCarousel.js
Thanks for your quick reply.

After test : No, this new version 4.8.1(dev) not work. same error at the same place.

After I have read many posts. I understand that :
1) CLAPPR (library video you use to show video) is not compatible with Mootools.
2) RokSproket (who use class OwlCarousel into themplate of Rockettheme) must have Mootools
(because I try to remove it with plugin who disable mootools, and that not work and create many error)

So, base on that, is it true to said : AllVideo can't work into this context?

Please Log in or Create an account to join the conversation.

  • Fotis
  • Fotis's Avatar
  • Offline
  • Administrator
  • JoomlaWorks Support Team
More
7 months 1 week ago #170539 by Fotis
Fotis replied the topic: jQuery conflict with OwlCarousel.js
OwlCarousel is jQuery based, so something else is force-loading Mootools.

Until I add an option to allow loading an older version of Clappr (one that's still compatible with Mootools), replace lines 151 to 156 in /plugins/content/jw_allvideos/jw_allvideos.php:
            // Clappr
            if (version_compare(JVERSION, '3.0.0', 'ge')) {
                $document->addScript('https://cdn.jsdelivr.net/npm/[email protected]/dist/clappr.min.js?v=4.8.1');
            } else {
                $document->addScript('https://cdnjs.cloudflare.com/ajax/libs/clappr/0.2.68/clappr.min.js?v=4.8.1');
            }

with this:
$document->addScript('https://cdnjs.cloudflare.com/ajax/libs/clappr/0.2.68/clappr.min.js?v=4.8.1');

This change will simply load the older release of Clappr.

If you use & love K2, please take a moment to add your review and rate it
at the Joomla Extensions Directory: extensions.joomla.org/extension/k2/


IMPORTANT: Please search the forum before posting a question!

JoomlaWorks Support Team Member

Please Log in or Create an account to join the conversation.

More
7 months 1 week ago - 7 months 1 week ago #170552 by Francois Gagnon
Francois Gagnon replied the topic: jQuery conflict with OwlCarousel.js
This not work. same error at the same place.
What I try is comment the include line of clappr.min.js (I expected the jwvideo not work) and the rest of page work well.
Other thing, I observer (in source page) the order of list of js file. the
jw_allvideos/jw_allvideos/includes/js/jwp.js.php?v=4.8.1 and
cloudflare.com/ajax/libs/clappr/0.2.68/clappr.min.js?v=4.8.1
come in first js.
I don't know why this plugin can put this js link in first (I try to change order of plugin but nothing change in source page).
and I can't change the order to test if this can do differences.
Last edit: 7 months 1 week ago by Francois Gagnon.

Please Log in or Create an account to join the conversation.

  • Fotis
  • Fotis's Avatar
  • Offline
  • Administrator
  • JoomlaWorks Support Team
More
7 months 6 days ago #170558 by Fotis
Fotis replied the topic: jQuery conflict with OwlCarousel.js
These 2 JS files don't need either Mootools or jQuery. So they don't cause any conflicts. That being said, perhaps other JS loaded in your site breaks the Clappr player.

In any case, the coming v5 update of AllVideos will prefer native media playback using the <video> tag and use fallbacks for unsupported media types.

If you use & love K2, please take a moment to add your review and rate it
at the Joomla Extensions Directory: extensions.joomla.org/extension/k2/


IMPORTANT: Please search the forum before posting a question!

JoomlaWorks Support Team Member

Please Log in or Create an account to join the conversation.


Powered by Kunena Forum