jquery version conflict in 1.8 to 1.11 - javascript

i want to use a plugin in my website. but in website already used 1.8 version of jQuery and my plugin is 1.11 version. now its conflicting. please tell me what should i do. there is some types of error message come up
it says $. something is undefined
and it also says $.() is not a function.
so that it the problem please anybody help me.

You should update your website to use v1.11.2 and only load that version. There are virtually no API-breaking changes from v1.8 to v1.11, the only thing that was actually removed was the toggle(function,function) event hookup (not the toggle show/hide function, which is still there).
There were deprecations:
In 1.8
In 1.9
In 1.10
...so best to check those lists and see if you're using any of those, but they haven't been removed yet (with the exception I mentioned above).

jQuery is mostly backwards compatible. Instead of loading v1.8 and v1.11, just load v1.11. You're plugin will probably still work.

Related

Track Javascript on webpage

I'm trying to compare two pages and find out what went wrong https://web.archive.org/web/20141220055016/http://www.kenyabuzz.com/ and http://www.kenyabuzz.com/ on the archived version the dropdown on the top nav works. I don't know where the javascript is that onhover triggers on the ul how can I find it?
You included jQuery 1.11 and it dropped support for things used in the version of fancybox that you are using. Look to see if there is a newer version of fancybox or see if the jQuery migrate plugin will work for you.
on live version you are using new version of jquery which is breaking fancybox TypeError: f.browser is undefined because browser function is depreciated from jquery
You can fix it using jQuery Migrate plugin

Some Problems About Jquery Libraries

Im up with a question..
I have my main file, the index.php, and inside of index im importing jquery 2.0.3.
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
The main problem is because i have other file in the server, it is called website.php, and inside i have imported jquery 1.8.3.
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
So, if i take off the second librarie, the all site works correctly, but one plugin doesn't work, but if i take out the second librarie, the whole site works on but the other plugin dont!
Sorry for bad english, but the problem is because of the jquery conflict..
I already made some research, and use the jQuery.noConflict(), but still doesn't work!
Thanks in advance!
First the difference between jQuery 1 and 2 is the compatibility with older versions of Internet Explorer. So the best guess is, to use a CURRENT jQuery v1 version (1.11 at the moment).
However jQuery has changed a lot in version 1.9 which is probably the reason your old plugin fails if you remove 1.8. The only viable solution would be to update that plugin or change to another one if yours is not available anymore.
It is NEVER a good idea to use two versions of the same library in one project.
Use Jquery migrate plugin and migrate to 2.0.3 and then you can remove jquery 1.8.3.
Heres the link for migration
its very simple and easy

Joomla 3.2 autocomplete

I want an autocomplete field in my page, and my code is right, but it doesn't work. When I used Joomla 2.5 then it worked but I had to change to Joomla 3.2 and it isn't working now. I use these js files:
$doc->addScript(JURI::root().'media/com_szakdolgozat/js/jquery.min.1.4.2.js');
$doc->addScript(JURI::root().'media/com_szakdolgozat/js/typeahead.bundle.js');
$doc->addScript(JURI::root().'media/com_szakdolgozat/js/jquery-ui.min.1.8.1.js');
There is a problem with jquery 1.8.1, because I get error under Joomla 3.2:
Uncaught ReferenceError: jQuery is not defined --> jquery-ui.min.1.8.1.js:10
Which version shall be right for me?
Joomla 3.x comes packed with jQuery by default, therefore you do not need to import your own copy of it. The following code will import it in noConflict mode if it doesn't already detect it:
JHtml::_('jquery.framework');
I think the issue you're having mentioned in your question is that you have 2 instances of jQuery being loaded and therefore it causes conflicts.
Joomla 3.x also has jQueryUI packed with it. So your final code will look like this:
JHtml::_('jquery.framework');
JHtml::_('jquery.ui');
JHtml::_('script', 'media/com_szakdolgozat/js/typeahead.bundle.js');

Drupal - Jquery update version conflicts with lightbox

My drupal version is 6 and currently running jquery version 1.6.2. I am using Lightbox and jquery UI at a time, I think jquery 1.6 not supports UI features. When I update my jquery version, all the links goes to lightbon and showing imagee not found. So how can I implement Jquery upper version and lightbox at a time.
Thanks in advance.
Don't update jQuery library manually, it can cause some js code to crash.
Instead, you can use jQuery Update to do that. It's more secure. This module updates your Drupal 6 jQuery version to v.1.3.2
Hope this helps... Muhammad

Why do jQuery selectors sometimes not work in Internet Explorer

I have a very strange problem. Under some elusive circumstances I fail to apply any jQuery selector on my pages under IE. It's OK under Firefox though. The jQuery function simply returns empty array.
Any suggestions?
Page is too complex to post it here. Practically any selector, except "#id" selectors, returns a zero element array. The jQuery version is 1.2.3
What version(s) of IE is it failing under? Is it failing for a specific complex selector? I think we need an example.
Edit: Does the problem go away if you upgrade to 1.2.6? 1.2.6 is primarily a bug-fix release according to this page.
Failing that, the best way to find the problem is to create a minimum page that can reproduce the bug. Without that, it's just about impossible to troubleshoot.
Try upgrading to jQuery 1.2.6, you should be on the latest release of jQuery if you are having problems first ensure you are on the latest and greatest.

Categories

Resources