I have javascript scripts that work with jQuery 1.7.1, but don't with 1.11.1 that comes with Bootstrap v3.3.4
The code is across three scripts, but here is one part that toggles rows in a table:
$('#change-selection').click(function(e){
e.preventDefault();
$('.product-choice').toggle();
$(this).toggleClass('closed');
});
$('.compare th a').click(function(e){
e.preventDefault();
var className='tr.'+$(this).parent().attr('class');
$(className).toggle();
$(this).toggleClass('closed');
});
If I link the page to jQuery 1.7.1, toggling across the HTML table works, CSS works as well, but Bootstrap dropdown navigation stops working (fair enough, Bootstrap requires a higher jQuery version). If I use the jQuery that came with Bootstrap, toggling across the HTML table stops working, and CSS inside the table gets messed up. The code above should be a good start to fix the toggling at least. I read about what got deprecated with jQuery 1.9, but that was not enough for me to fix this. I replaced that one instance of attr with prop, but that did not make any change. Is this code troubling for that toggling function or I should look elsewhere?
Thank you
If you got to have, you can have 2 or more versions of jQuery on the same page. https://forum.jquery.com/topic/multiple-versions-of-jquery-on-the-same-page
Related
I am working on multiple selection dropdown in semantic ui and have got most of it working except closing out of items after you've selected them.
I have replicated the example they give in the documentation in a jsfiddle and still having the same problem.
I have also tried putting a 'close' parameter in the dropdown function.
http://jsfiddle.net/mpenovich1/qYp8L/28/
$('#multi-select').dropdown();
https://semantic-ui.com/modules/dropdown.html#/usage
To get the item delete button (✖) and the dropdown button (▼) working, you have to use a more recent version of jQuery than 1.7.1, apparently. Here is a jsfiddle that works with version 1.9.1 (specified in the Javascript pane). According to my tests, it also works with jQuery 2.2.4 and 3.2.1.
The code itself has not changed:
$('#multi-select').dropdown();
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.
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
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.
I'm using this plugin for displaying tooltips
Looking at this fiddle - http://jsfiddle.net/CmmUC/1/
You'll see that the tootip does not appear. It works if you change the javascript to
$('.tooltip').tipsy({ gravity: 'w' });
Why does plugin hate 'focus'? Am I missing something obvious that's causing the issue?
I'm working in the latest stable Chrome.
see my updated version of your fiddle:
http://jsfiddle.net/CmmUC/7/
basically you need to add the option trgger: 'manual' upon instantiation and maually show/hide the tipsy using the jquery hover function.