Are you enjoying the extensions? Did you like the support? Help others decide.

Leave a review

file Trying to solve a conflict with jquery easy

More
10 years 8 months ago #3564 by adrien5555
Bonjour Olivier :)

je vais adopter la langue du partage pour que cela serve éventuellement à d'autres.

Reading the impressive comments on the JED, jquery easy needs probably a bit more tweaking to solve my conflicts.

If you can help, that'd be great, i'm a complete JS newbie :dry:

2 problems on the CTA buttons :
www.anco.pro/votre-bureau-de-controle-technique
and
www.anco.pro/un-bureau-de-controle-techn...tion-de-votre-maison

The template used is Yoo Revista, and it displays, for a while, a potential warning about jquery conflicts. I did nothing about it, but now, the support of a crucial extension i use, broken due to the conflict, tells me to solve that.

here is the message from the support of the conflicting extension (Pweb contact form) :

There are two bootstrap js libraries loaded on your site from your template. The display in our module is bootstrap Lightbox so it could break our module. We are using native Joomla one. There is no need to add another.
Please try disabling loading following files by template and please tell me if it is solved.
<script src="/cache/template/bootstrap.min-089956f7.js

" type="text/javascript"></script>

and

<script src="/cache/template/jq-bootstrap-1.8.3-c28e7f53.js

" type="text/javascript"></script>


so, this is related to bootstrap more than jquery, and this is just for information purpose I mention this.

More related to Jquery is the warning from the template :
Multiple jQuery Libraries found. Please make sure these don't conflict each other.
/components/com_comprofiler/js/jquery-1.5.2/jquery-1.5.2.js
/components/com_comprofiler/js/jquery-1.5.2/jquery-1.5.2.min.js
/components/com_comprofiler/js/jquery-1.5.2/jquery.ajaxfileupload.js
/components/com_comprofiler/js/jquery-1.5.2/jquery.ajaxfileupload.min.js
/components/com_comprofiler/js/jquery-1.5.2/jquery.autogrow.js
/components/com_comprofiler/js/jquery-1.5.2/jquery.autogrow.min.js
/components/com_comprofiler/js/jquery-1.5.2/jquery.cluetip.js
/components/com_comprofiler/js/jquery-1.5.2/jquery.cluetip.min.js
/components/com_comprofiler/js/jquery-1.5.2/jquery.colorinput.js
/components/com_comprofiler/js/jquery-1.5.2/jquery.colorinput.min.js
/components/com_comprofiler/js/jquery-1.5.2/jquery.excanvas.js
/components/com_comprofiler/js/jquery-1.5.2/jquery.excanvas.min.js
/components/com_comprofiler/js/jquery-1.5.2/jquery.flot.js
/components/com_comprofiler/js/jquery-1.5.2/jquery.flot.min.js
/components/com_comprofiler/js/jquery-1.5.2/jquery.flydom.js
/components/com_comprofiler/js/jquery-1.5.2/jquery.flydom.min.js
/components/com_comprofiler/js/jquery-1.5.2/jquery.form.js
/components/com_comprofiler/js/jquery-1.5.2/jquery.form.min.js
/components/com_comprofiler/js/jquery-1.5.2/jquery.jeditable.js
/components/com_comprofiler/js/jquery-1.5.2/jquery.jeditable.min.js
/components/com_comprofiler/js/jquery-1.5.2/jquery.jmap.js
/components/com_comprofiler/js/jquery-1.5.2/jquery.jmap.min.js
/components/com_comprofiler/js/jquery-1.5.2/jquery.maskedinput.js
/components/com_comprofiler/js/jquery-1.5.2/jquery.maskedinput.min.js
/components/com_comprofiler/js/jquery-1.5.2/jquery.metadata.js
/components/com_comprofiler/js/jquery-1.5.2/jquery.metadata.min.js
/components/com_comprofiler/js/jquery-1.5.2/jquery.rating.js
/components/com_comprofiler/js/jquery-1.5.2/jquery.rating.min.js
/components/com_comprofiler/js/jquery-1.5.2/jquery.slimbox2.js
/components/com_comprofiler/js/jquery-1.5.2/jquery.slimbox2.min.js
/components/com_comprofiler/js/jquery-1.5.2/jquery.ui-all.js
/components/com_comprofiler/js/jquery-1.5.2/jquery.ui-all.min.js
/components/com_comprofiler/js/jquery-1.5.2/jquery.validate.js
/components/com_comprofiler/js/jquery-1.5.2/jquery.validate.min.js
/components/com_comprofiler/js/jquery-1.5.2/jquery.wysiwyg.js
/components/com_comprofiler/js/jquery-1.5.2/jquery.wysiwyg.min.js
/components/com_easyblog/classes/markitup/jquery.markitup.js
/components/com_easyblog/classes/markitup/jquery.markitup.pack.js
/components/com_gcalendar/libraries/jquery/ext/jquery.ba-hashchange.min.js
/components/com_gcalendar/libraries/jquery/ext/jquery.countdown.min.js
/components/com_gcalendar/libraries/jquery/ext/jquery.tipTip.minified.js
/components/com_gcalendar/libraries/jquery/fancybox/jquery.easing-1.3.pack.js
/components/com_gcalendar/libraries/jquery/fancybox/jquery.fancybox-1.3.4.js
/components/com_gcalendar/libraries/jquery/fancybox/jquery.fancybox-1.3.4.pack.js
/components/com_gcalendar/libraries/jquery/fancybox/jquery.mousewheel-3.0.4.pack.js
/components/com_gcalendar/libraries/jquery/gcalendar/jquery.gcalendar-all.min.js
/components/com_gcalendar/libraries/jquery/jquery.min.js
/components/com_gcalendar/libraries/jquery/ui/jquery-ui.custom.min.js
/components/com_jce/editor/libraries/jquery/js/jquery-1.10.2.min.js
/components/com_jce/editor/libraries/jquery/js/jquery-1.9.0.min.js
/components/com_jce/editor/libraries/jquery/js/jquery-ui-1.10.0.custom.min.js
/components/com_jce/editor/libraries/jquery/js/jquery-ui-1.10.3.custom.min.js
/components/com_jce/editor/libraries/jquery/js/jquery.ui.touch-punch.min.js
/components/com_multicalendar/DC_MultiViewCal/js/jquery-1.7.2.min.js
/components/com_multicalendar/DC_MultiViewCal/js/jquery-ui-1.8.20.custom.min.js
/components/com_multicalendar/DC_MultiViewCal/src/Plugins/jquery.alert.js
/components/com_multicalendar/DC_MultiViewCal/src/Plugins/jquery.calendar.js
/components/com_multicalendar/DC_MultiViewCal/src/Plugins/jquery.cleditor.js
/components/com_multicalendar/DC_MultiViewCal/src/Plugins/jquery.colorselect.js
/components/com_multicalendar/DC_MultiViewCal/src/Plugins/jquery.dropdown.js
/components/com_multicalendar/DC_MultiViewCal/src/Plugins/jquery.form.js
/components/com_multicalendar/DC_MultiViewCal/src/Plugins/jquery.validate.js
/media/com_admintools/js/jquery.jqplot.min.js
/media/foundry/2.1/scripts/jquery.js
/media/foundry/2.1/scripts/jquery.uniform.js
/media/foundry/2.1/scripts/uniform/jquery.uniform.js
/media/foundry/2.1/scripts_/jquery.js
/media/foundry/js/dev/jquery.class.js
/media/foundry/js/dev/jquery.component.js
/media/foundry/js/dev/jquery.controller.js
/media/foundry/js/dev/jquery.event.default.js
/media/foundry/js/dev/jquery.event.destroyed.js
/media/foundry/js/dev/jquery.fancybox/jquery.fancybox.js
/media/foundry/js/dev/jquery.fancybox.js
/media/foundry/js/dev/jquery.handy.js
/media/foundry/js/dev/jquery.imgareaselect.js
/media/foundry/js/dev/jquery.implement.js
/media/foundry/js/dev/jquery.js
/media/foundry/js/dev/jquery.json.js
/media/foundry/js/dev/jquery.lang.js
/media/foundry/js/dev/jquery.lang.rsplit.js
/media/foundry/js/dev/jquery.lookup.js
/media/foundry/js/dev/jquery.number.js
/media/foundry/js/dev/jquery.require.js
/media/foundry/js/dev/jquery.server.js
/media/foundry/js/dev/jquery.suggest.js
/media/foundry/js/dev/jquery.ui.core.js
/media/foundry/js/dev/jquery.ui.position.js
/media/foundry/js/dev/jquery.view.ejs.js
/media/foundry/js/dev/jquery.view.js
/media/foundry/js/jquery.autogrow.js
/media/foundry/js/jquery.caret.js
/media/foundry/js/jquery.imgareaselect.js
/media/foundry/js/jquery.lookup.js
/media/foundry/js/jquery.nearest.js
/media/foundry/js/jquery.stylesheet.js
/media/foundry/js/jquery.suggest.js
/media/foundry/js/jquery.ui.core.js
/media/foundry/js/jquery.ui.position.js
/media/jui/js/chosen.jquery.js
/media/jui/js/chosen.jquery.min.js
/media/jui/js/jquery-migrate.js
/media/jui/js/jquery-migrate.min.js
/media/jui/js/jquery-noconflict.js
/media/jui/js/jquery.js
/media/jui/js/jquery.min.js
/media/jui/js/jquery.minicolors.js
/media/jui/js/jquery.minicolors.min.js
/media/jui/js/jquery.searchtools.js
/media/jui/js/jquery.searchtools.min.js
/media/jui/js/jquery.simplecolors.js
/media/jui/js/jquery.simplecolors.min.js
/media/jui/js/jquery.ui.core.js
/media/jui/js/jquery.ui.core.min.js
/media/jui/js/jquery.ui.sortable.js
/media/jui/js/jquery.ui.sortable.min.js
/media/jui/js/treeselectmenu.jquery.js
/media/jui/js/treeselectmenu.jquery.min.js
/media/mod_pwebcontact/js/jquery.admin.fields.js
/media/mod_pwebcontact/js/jquery.admin.js
/media/mod_pwebcontact/js/jquery.cookie.js
/media/mod_pwebcontact/js/jquery.cookie.min.js
/media/mod_pwebcontact/js/jquery.fileupload-process.js
/media/mod_pwebcontact/js/jquery.fileupload-ui.js
/media/mod_pwebcontact/js/jquery.fileupload-validate.js
/media/mod_pwebcontact/js/jquery.fileupload.js
/media/mod_pwebcontact/js/jquery.fileupload.min.js
/media/mod_pwebcontact/js/jquery.iframe-transport.js
/media/mod_pwebcontact/js/jquery.pwebcontact.min.js
/media/mod_pwebcontact/js/jquery.ui.effects.js
/media/mod_pwebcontact/js/jquery.ui.effects.min.js
/media/mod_pwebcontact/js/jquery.ui.widget.js
/media/mod_pwebcontact/js/jquery.ui.widget.min.js
/media/mod_pwebcontact/js/jquery.validate.js
/media/mod_pwebcontact/js/jquery.validate.min.js
/media/sourcecoast/js/jquery-ui.js
/media/sourcecoast/js/jquery-ui.min.js
/media/sourcecoast/js/jquery.placeholder.js
/media/system/js/jquery.Jcrop.js
/media/system/js/jquery.Jcrop.min.js
/plugins/content/jw_sigpro/jw_sigpro/includes/js/jquery_colorbox/colorbox/jquery.colorbox-min.js
/plugins/content/jw_sigpro/jw_sigpro/includes/js/jquery_colorbox/colorbox/jquery.colorbox.js
/plugins/content/jw_sigpro/jw_sigpro/includes/js/jquery_colorbox/i18n/jquery.colorbox-ar.js
/plugins/content/jw_sigpro/jw_sigpro/includes/js/jquery_colorbox/i18n/jquery.colorbox-cs.js
/plugins/content/jw_sigpro/jw_sigpro/includes/js/jquery_colorbox/i18n/jquery.colorbox-da.js
/plugins/content/jw_sigpro/jw_sigpro/includes/js/jquery_colorbox/i18n/jquery.colorbox-de.js
/plugins/content/jw_sigpro/jw_sigpro/includes/js/jquery_colorbox/i18n/jquery.colorbox-es.js
/plugins/content/jw_sigpro/jw_sigpro/includes/js/jquery_colorbox/i18n/jquery.colorbox-fa.js
/plugins/content/jw_sigpro/jw_sigpro/includes/js/jquery_colorbox/i18n/jquery.colorbox-fr.js
/plugins/content/jw_sigpro/jw_sigpro/includes/js/jquery_colorbox/i18n/jquery.colorbox-hr.js
/plugins/content/jw_sigpro/jw_sigpro/includes/js/jquery_colorbox/i18n/jquery.colorbox-hu.js
/plugins/content/jw_sigpro/jw_sigpro/includes/js/jquery_colorbox/i18n/jquery.colorbox-it.js
/plugins/content/jw_sigpro/jw_sigpro/includes/js/jquery_colorbox/i18n/jquery.colorbox-ja.js
/plugins/content/jw_sigpro/jw_sigpro/includes/js/jquery_colorbox/i18n/jquery.colorbox-kr.js
/plugins/content/jw_sigpro/jw_sigpro/includes/js/jquery_colorbox/i18n/jquery.colorbox-lv.js
/plugins/content/jw_sigpro/jw_sigpro/includes/js/jquery_colorbox/i18n/jquery.colorbox-nl.js
/plugins/content/jw_sigpro/jw_sigpro/includes/js/jquery_colorbox/i18n/jquery.colorbox-no.js
/plugins/content/jw_sigpro/jw_sigpro/includes/js/jquery_colorbox/i18n/jquery.colorbox-pl.js
/plugins/content/jw_sigpro/jw_sigpro/includes/js/jquery_colorbox/i18n/jquery.colorbox-pt-br.js
/plugins/content/jw_sigpro/jw_sigpro/includes/js/jquery_colorbox/i18n/jquery.colorbox-ru.js
/plugins/content/jw_sigpro/jw_sigpro/includes/js/jquery_colorbox/i18n/jquery.colorbox-tr.js
/plugins/content/jw_sigpro/jw_sigpro/includes/js/jquery_colorbox/jquery.colorbox-min.js
/plugins/content/jw_sigpro/jw_sigpro/includes/js/jquery_colorbox/jquery.colorbox.js
/plugins/content/jw_sigpro/jw_sigpro/includes/js/jquery_fancybox/fancybox/helpers/jquery.fancybox-buttons.js
/plugins/content/jw_sigpro/jw_sigpro/includes/js/jquery_fancybox/fancybox/helpers/jquery.fancybox-media.js
/plugins/content/jw_sigpro/jw_sigpro/includes/js/jquery_fancybox/fancybox/helpers/jquery.fancybox-thumbs.js
/plugins/content/jw_sigpro/jw_sigpro/includes/js/jquery_fancybox/fancybox/jquery.fancybox.js
/plugins/content/jw_sigpro/jw_sigpro/includes/js/jquery_fancybox/fancybox/jquery.fancybox.pack.js
/plugins/content/jw_sigpro/jw_sigpro/includes/js/jquery_fancybox/fancybox/lib/jquery.mousewheel-3.0.6.pack.js
/plugins/content/jw_sigpro/jw_sigpro/includes/js/jquery_lightbox/js/jquery-ui-1.8.18.custom.min.js
/plugins/content/jw_sigpro/jw_sigpro/includes/js/jquery_lightbox/js/jquery.smooth-scroll.min.js
/plugins/content/jw_sigpro/jw_sigpro/includes/js/jquery_prettyphoto/js/jquery.prettyPhoto.js
/plugins/content/jw_sigpro/jw_sigpro/includes/js/jquery_swipebox/source/jquery.swipebox.js
/plugins/content/jw_sigpro/jw_sigpro/includes/js/jquery_swipebox/source/jquery.swipebox.min.js
/plugins/content/jw_sigpro/jw_sigpro/includes/js/jquery_yoxview/jquery.yoxthumbs.js
/plugins/content/jw_sigpro/jw_sigpro/includes/js/jquery_yoxview/jquery.yoxview-2.21.js
/plugins/content/jw_sigpro/jw_sigpro/includes/js/jquery_yoxview/jquery.yoxview-2.21.min.js
/plugins/content/jw_sigpro/jw_sigpro/includes/js/jquery_yoxview/yoxview-nojquery.js
/plugins/editors/acyeditor/acyeditor/scripts/jquery-1.9.1.min.js
/plugins/system/jqueryeasy/jquerynoconflict.js

Merci si tu peux m'aider...
Adrien

PS : le premier post envoyé n'a pas fonctionné

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

More
10 years 8 months ago #3565 by admin
Bonjour Adrien,

I am looking at it right now.
What version of jQuery Easy are you using? I am surprised some libraries are not removed by the plugin.
Also, posts do not show up until I moderate them. I did get the first post :-)

I will get back to you really soon.

Olivier.

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

More
10 years 8 months ago #3566 by admin
Well, you've got quite a mess...
One thing I do not understand is why the template itself loads several versions of jQuery...

/cache/template/jquery.min-dec5ebca.js is jQuery v1.10.2
/cache/template/jquery-4c3ef80e.js is jQuery v?
/cache/template/jq-bootstrap-1.8.3-c28e7f53.js is jQuery v1.8.3

You need to setup jQuery Easy (I assume you are using Joomla! 3+) so that:
- it uses Joomla's framework files (select version 'joomla framework' for the version of jQuery)
- you don't load jQuery UI (I don't think you need it, but if you do, add a subversion number because it does not load right now)
- in 'strip remaining scripts', add:

/cache/template/jquery.min-dec5ebca.js
/cache/template/jquery-noconflict-26db7775.js
/cache/template/jquery-migrate.min-dea1736b.js
/cache/template/jquery-4c3ef80e.js
/cache/template/jq-bootstrap-1.8.3-c28e7f53.js

(the first 4 files should have been removed by the plugin so either you do not have the latest version OR those files were added after the jQuery Easy plugin worked on your page. So it may be a matter of re-ordering system plugins).

Much more can be done (like enabling the plugin in certain pages only), deleting extra CSS files that remain in there that I don't think are needed.

Give this a shot and let me know when you are done.

Olivier.

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

More
10 years 8 months ago #3567 by adrien5555
Replied by adrien5555 on topic Trying to solve a conflict with jquery easy
Hello Olivier,

thanks for helping, cause yes, it's a mess.

Site is under Joomla! 2.5.19 and Easy jquery 1.5.5

So i dont have the 'option framework' in jquery version.

the thing is I dont know what/where to test. So i took the homepage where there is obviously a conflict between Widgetkit and Pweb Contact Form : www.anco.pro/

And i tested the behavior of the CTA button + display of widgetkit.

before test, without JQEasy : CTA button is OK, but widgetkits dont display.

scripts :
<script src="/cache/template/mootools-core-6842b7ed.js" type="text/javascript"></script>
  <script src="/cache/template/core-954ddc04.js" type="text/javascript"></script>
  <script src="/cache/template/mootools-more-a0d48cbb.js" type="text/javascript"></script>
  <script src="/cache/template/caption-77651eb0.js" type="text/javascript"></script>
  <script src="/cache/template/jquery-4c3ef80e.js" type="text/javascript"></script>
  <script src="/cache/template/widgetkit-e80994cc-a0f66609.js" type="text/javascript"></script>
  <script src="/plugins/system/jcemediabox/js/jcemediabox.js?version=1110" type="text/javascript"></script>
  <script src="/components/com_jfbconnect/includes/jfbconnect.js?v=6" type="text/javascript"></script>
  <script src="/cache/template/jq-bootstrap-1.8.3-c28e7f53.js" type="text/javascript"></script>
  <script src="/media/jui/js/jquery.min.js" type="text/javascript"></script>
  <script src="/media/jui/js/jquery-noconflict.js" type="text/javascript"></script>
  <script src="/media/jui/js/jquery-migrate.min.js" type="text/javascript"></script>
  <script src="/media/jui/js/bootstrap.min.js" type="text/javascript"></script>
  <script src="/media/mod_pwebcontact/js/jquery.ui.effects.min.js" type="text/javascript"></script>
  <script src="/media/mod_pwebcontact/js/jquery.validate.min.js" type="text/javascript"></script>
  <script src="/media/mod_pwebcontact/js/jquery.pwebcontact.min.js" type="text/javascript"></script>


test 1 : activate jquery + UI (v1.8)

button OK + widgetkits display :cheer:

scripts
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js" type="text/javascript"></script>
  <script src="/plugins/system/jqueryeasy/jquerynoconflict.js" type="text/javascript"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.9/jquery-ui.min.js" type="text/javascript"></script>
  <script src="/cache/template/mootools-core-6842b7ed.js" type="text/javascript"></script>
  <script src="/cache/template/core-954ddc04.js" type="text/javascript"></script>
  <script src="/cache/template/mootools-more-a0d48cbb.js" type="text/javascript"></script>
  <script src="/cache/template/caption-77651eb0.js" type="text/javascript"></script>
  <script src="/cache/template/jquery-4c3ef80e.js" type="text/javascript"></script>
  <script src="/cache/template/widgetkit-e80994cc-2055d549.js" type="text/javascript"></script>
  <script src="/plugins/system/jcemediabox/js/jcemediabox.js?version=1110" type="text/javascript"></script>
  <script src="/components/com_jfbconnect/includes/jfbconnect.js?v=6" type="text/javascript"></script>
  <script src="/cache/template/jq-bootstrap-1.8.3-c28e7f53.js" type="text/javascript"></script>
<script src="/media/jui/js/bootstrap.min.js" type="text/javascript"></script>
  <script src="/media/mod_pwebcontact/js/jquery.ui.effects.min.js" type="text/javascript"></script>
  <script src="/media/mod_pwebcontact/js/jquery.validate.min.js" type="text/javascript"></script>
  <script src="/media/mod_pwebcontact/js/jquery.pwebcontact.min.js" type="text/javascript"></script>

test 2 : activate jquery + UI (v1.8), & remove these scripts :
/cache/template/jquery-4c3ef80e.js
/cache/template/jq-bootstrap-1.8.3-c28e7f53.js

button OK + widgetkits display :cheer: :cheer:

scripts now in the source code :
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js" type="text/javascript"></script>
  <script src="/plugins/system/jqueryeasy/jquerynoconflict.js" type="text/javascript"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.9/jquery-ui.min.js" type="text/javascript"></script>
  <script src="/cache/template/mootools-core-6842b7ed.js" type="text/javascript"></script>
  <script src="/cache/template/core-954ddc04.js" type="text/javascript"></script>
  <script src="/cache/template/mootools-more-a0d48cbb.js" type="text/javascript"></script>
  <script src="/cache/template/caption-77651eb0.js" type="text/javascript"></script>
  
  <script src="/cache/template/widgetkit-e80994cc-0a26d8f0.js" type="text/javascript"></script>
  <script src="/plugins/system/jcemediabox/js/jcemediabox.js?version=1110" type="text/javascript"></script>
  <script src="/components/com_jfbconnect/includes/jfbconnect.js?v=6" type="text/javascript"></script>
<script src="/media/jui/js/bootstrap.min.js" type="text/javascript"></script>
  <script src="/media/mod_pwebcontact/js/jquery.ui.effects.min.js" type="text/javascript"></script>
  <script src="/media/mod_pwebcontact/js/jquery.validate.min.js" type="text/javascript"></script>
  <script src="/media/mod_pwebcontact/js/jquery.pwebcontact.min.js" type="text/javascript"></script>

in short, Jquery Easy made the trick on the homepage :) . I will do more test on re-ordering the plugin, and testing other pages, where problems remain. And the template still detects a huge load of different calls to jquery by 11 plugins, so...

more tests to come ! I'll report here, in case I get stuck moving forward ;)

merci
Adrien

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

More
10 years 8 months ago - 10 years 8 months ago #3568 by admin
Wonderful Adrien, thanks for the feedback.
What threw me off is the comment 'We are using native Joomla one. There is no need to add another.'. There is no bootstrap prior to Joomla! 3 packaged with Joomla. So I am surprised the extension actually is warning you they are using the Joomla Bootstrap version in Joomla v2.5.19...

Olivier.
Last edit: 10 years 8 months ago by admin.

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