New JQuery 3 Not Working Correctly w/ Bootstrap? - javascript

I'm making this post as I've been having this issue, and I'd like to make light of it. Perhaps others are having it, or can say whether my situation is a unique case. I recently downloaded the new version of jQuery (3.0.0) and linked it to a current project I'm working on. My Bootstrap dropdown / collapsing navbar would NOT work until I switch to an older version of Jquery (1.12.4.)
Has anyone else noticed something like this or had a similar issue?

Bootstrap 3 is not compatible with jQuery 3. You can use the latest v2 jquery though.

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

jquery version conflict in 1.8 to 1.11

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.

why Fancy box 1.3.4 if used along with jquery 1.8.3 results in wrong allignment?

I am using fancybox to display some message and on the same page I tried to add a new JavaScript widget which require jquery 1.4.4 or higher versions.
I used jquery 1.8.3 and after adding this jquery file, alignment or positioning of the box is going wrong. If I don't use latest jquery file, JS widget will not work.
Please let me know how to solve this issue.

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

JQueryUI Autocomplete collides with legacy code

My issue is. I have jQueryUI in version 1.8.5 and lot and a lot of legacy source code in a project. In legacy code it happens that there is 3ple times registred plugin autocomplete for jquery. However jQueryUI is registring the very same plugin. So when I type into my javascript:
$('#some_id').autocomplete();
It's not actually a jQueryUI.
Any chance to explicit choose UI?
I tried such approach:
jQuery.fn.myautocomplete = jQuery.ui.autocomplete
And then to use in my code:
$('#some_id').myautocomplete();
But this does not work. (Well it was a blind shoot so I did not expect to much.)
Any suggestion how to workaround the problem.
P.S.
Legacy code is blessed by the Pope and cannot be removed for next year or so.
You can:
download jquery.ui without autocomplete
change jquery.ui source
change old plugin source

Categories

Resources