Solution for Safari and some other browser issues

[nolros]

All

For some reason the latest release of JQuery seems to have issues with hidden content, certain animations, etc. The solution for this roundabout for Safari and some other browsers is to add the css display block to your code $('.class').css("display", "block"); Example below will fix your safari display issue and certain mobile browsers. I found this issue with a number of older plugins and JQuery 1.11 Came across when I build a marquee I noticed that if I loaded JQuery 1.6 that that appended HTML and CSS automatically added display: block to hidden content, but it did not in the latest version of JQuery. Also it did not show up as an issue in Safari or Chrome debug, had to use Firebug to identify the problem.Have not had time to dig into why, but here an interim fix for older plugins is $('.class').css("display", "block");

$(document).ready(function() {
$('.carousel_data .carousel_item').each(function(){
$('#carousel').append( $(this).find('.image').html() );
$('.carousel_item').css("display", "block");
});
createCarousel();
showCaption();
});

[nolros]

Still seems to be an issue. Shows images but does not animate correctly. Works well with Jquery 1.6, but 1.9 onwards it falls apart