I am trying all ways possible to resolve the JQuery Conflict issue in magento. Verified a few forums too but of no help.
I have tried the following:
1.Added jQuery.noConflict(); at the end of the jquery files (still didnt work)
2.Created a variable for noConflict and used all functions (still didnt work)
I can see the Js and CSS files required for jCarousel to function in the output source code, however along with that i get the following error:
jQuery("#mycarousel").jcarousel is not a function
Line 80
Not sure what I'm missing.
I am a newbie to magento. Is there a possibility that I'm missing on some important files to update.
Please assist as soon as possible.
I'm Following the examples of JCarousel as closely as possible. It works fine without Magento, but in Magento error as mentioned above is returned.
Check out the view source and make sure that the JCariusel scripts are inserted after JQuery.
I had the same problem, the it would not load within the magento site. I did however figure it out. I found that my code:
jQuery(".time_slider").jCarouselLite({
btnNext: ".next_time",
btnPrev: ".prev_time",
circular: false,
visible: 4,
speed:1000
});
Was not being loaded into the theme due to it not having a
jQuery(document).ready(function() {}
I also made sure that the jcarousel had a no conflict within the file and that it was loaded before the slider itself in the page.xml file.
Hope this helps. I also found that i had trouble with my no conflict in jQuery. If this doesn't help that is where the problem lies.
Related
Recently I have updated the wocommerce version to 3.1.2. But I am fetching problem when going to add variable product or editing variable product. It showing "Uncaught Error: Option 'ajax' is not allowed for Select2 when attached to a element." js error when selecting product attribute or variation.
Uncaught Error: Option 'ajax' is not allowed for Select2 when attached to a <select> element.
at String.<anonymous> (ultimate-woocomposer-backend.min.js:1)
at Function.each (load-scripts.php?c=0&load[]=jquery-core,jquery-migrate,utils,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse,jquery-ui-sortable,jquery-ui-position,jquery-ui&load[]=-menu,wp-a11y,jquery-ui-autocomplete,underscore,backbone,wp-util,wp-backbone,media-models,plupload,jquery-ui-tooltip&ver=4.8.1:2)
at d.prepareOpts (ultimate-woocomposer-backend.min.js:1)
at d.prepareOpts (ultimate-woocomposer-backend.min.js:2)
at d.init (ultimate-woocomposer-backend.min.js:1)
at HTMLSelectElement.<anonymous> (ultimate-woocomposer-backend.min.js:2)
at Function.each (load-scripts.php?c=0&load[]=jquery-core,jquery-migrate,utils,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse,jquery-ui-sortable,jquery-ui-position,jquery-ui&load[]=-menu,wp-a11y,jquery-ui-autocomplete,underscore,backbone,wp-util,wp-backbone,media-models,plupload,jquery-ui-tooltip&ver=4.8.1:2)
at a.fn.init.each (load-scripts.php?c=0&load[]=jquery-core,jquery-migrate,utils,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse,jquery-ui-sortable,jquery-ui-position,jquery-ui&load[]=-menu,wp-a11y,jquery-ui-autocomplete,underscore,backbone,wp-util,wp-backbone,media-models,plupload,jquery-ui-tooltip&ver=4.8.1:2)
at a.fn.init.a.fn.select2 (ultimate-woocomposer-backend.min.js:2)
at HTMLSelectElement.<anonymous> (wc-enhanced-select.min.js:1)
See the screenshot below;
I have googled about this problem but no solution found, most of them are saying it is a bug (I am not sure).
Please help to resolve the problem.
Regards
I know it's been a while, but I just want to share what I found and might can help someone else.
I got same issue with attribute section will stay in the loop, exactly same error I got in the console.
Here's I try:
Disable most common conflict plugin with this same error case I found online.
Disable Yoast SEO (which still not working for me, then just turn them back on)
Disable Visual composer, like page builder plugin, when I turn off "Ultimate_VC_Addons" this plugin, my attribute section is working agaian.
Might cause the conflict by theme, fall back to Wordpress default theme to check.
If cause by Advance custom field, you can check this thread.
Check this woocommerce doc if none of this help.
Joomla 3.x
The following code is not working
unset($doc->_styleSheets[JURI::root(true).'/media/mod_languages/css/template.css']);
thank you
The code is correct and I tested it, it's working fine.
Possibly you are running it in a plugin event after the head is rendered, or you have cached the page and the code is not really running.
In either case, try to put it at the component level, clear cache, and it should work
Update
to identify the component: turn SEF off, and look at the URL it shows as option=com_componentname;
to identify the module, simply rename the modules folder, and update the site; if it works, it's a module.
For plugins, rename the plugins/system and plugins/content first, then drill down until you spot it.
Alternatively, but much slower, you can turn modules and plugins on and off from the backend, until you find the culprit.
A variation which I've used with success in the past:
unset($doc->_styleSheets[$this->baseurl.'/media/mod_languages/css/template.css']);
Update
Here's an alternate method using a module override which should work for you.
if it doesn't already exist, create a new directory titled html in your template's folder, ie: /templates/your-template/html/
inside this, create an new mod_languages folder, ie /templates/your-template/html/mod_languages/
copy the file from joomla-site-root/modules/mod_languages/tmp/default.php to the folder above, ie /templates/your-template/html/mod_languages/default.php
open this file with a text editor and around line 12 look for the line where JHtml is loading the mod_languages CSS, and comment it out.
// JHtml::_('stylesheet', 'mod_languages/template.css', array(), true);
That's it, hopefully, this will do the trick for you.
Overriding Joomla core output using this method is safe and you won't loose your work with future Joomla updates.
More info about Joomla overrides:
https://docs.joomla.org/How_to_override_the_output_from_the_Joomla!_core
Good luck!
I'm using the wp-property plugin with Genesis Framework. The plugin has an ajax pagination in the properties page but is not working.
While testing I realized that it works fine with Twenty Fourteen theme, I posted it on the plugin forum suport and they told me that I'm getting this error:
'You don't have permission to access /cms/wp-admin/admin-ajax.php on this server.'
But I don't know how they are seeing it(because I can't see it with firebug) or why it's happening.
I tried the fixes of this post:
https://wordpress.org/support/topic/dont-have-permission-admin-ajaxphp-add-new-category?replies=11
but is still not working.
The link to the website: link
Thanks!
I figured out!
The plugin has a property overview template that can be customized by copying it into the theme directory and editing it, and it seems that it doesn't accept many changes because the problem was there.
Deleting the customized template solved the issue.
I am facing jquery errors on my joomla site in which i am using virtue mart but i am loading a jquery from jqueryLoadPlugin, to avoid jquery conflicts & disable virtue mart jquery it works good but when i enable scrollers it again giving me errors.
below i have mentioned the links of the pages, on which i am getting a jquery error for scrollers. kindly guide me what i have to do this to avoid this conflict.
Jquery.noconflict(); is already called on the page.
please need your help:(
Links:
(on the tabs, when you click on the LAtest Projects you will get an slider which stucks.)
http://ple-intl.com/NewUpgrade/
(I call module here in the article it does'not works an where)
http://ple-intl.com/NewUpgrade/index.php/service.html
There are a few things you can try to get this working.
Be sure your script is being pulled into the page, one way to check is by using the 'sources' tab in the Chrome Debugger and searching for the file else in the html head section
Be sure that you've included the other script after you've included jQuery, as it is most certainly dependant upon that.
Check whether jQuery is included properly and once only.
Watch out for jQuery conflicts. There is some other library which is overridding $, so your code is not working because $ is not an alias for jQuery anymore. You can use jQuery.noConflict() to avoid conflicts with other libraries on the page which use the same variable $.
Try using jQuery Easy rather.
Ok. I have some experience with HTML and CSS, little with Javascript and none with JQuery.
And I'm trying to try out in my HTML file the Galleria plugin with fullscreen theme but I can't make it work. ( http://galleria.aino.se/ )
It only show the empty page with no pictures. I took the source code from the demo page and I pasted in my page and after some little modifications with the url of the theme, I managed to have on my screen only the image, without the "mechanism". Any help?
I think the instructions were made for an old release of the plugin and that's the reason I can't get it work.
P.S. I found a ready made demo on googlecode, but I can't get the fullscreen feature. Any help?
Try passing debug:true to yield more errors if you are seeing a blank page. Regarding customizations, try the documentation and API reference.