javascriptjqueryjquery-uijquery-ui-tabsjcarousellite

Jquery UI Tabs & jcarousel lite pluings does not seem to work (conflict) in Internet Explorer (IE)

I've both the jquery-UI Tabs & jcarousel lite plugin in my webpage, all works good in all browsers apart from IE where i assume there's some sort of conflict as if i take out the jcarousel JS then the tabs works fine.

Has anyone got any suggestion on this issue or how to fix it? Thanks

<script type="text/javascript">
$(document).ready(function() {

    $('#tabs > ul').tabs({ 
        fx: { opacity: 'toggle' } 
    }); 

    $("#carousel").jCarouselLite({
        btnNext: ".prev",
        btnPrev: ".next",
        visible: 4,
    });

});
</script>
Solution

  • Found out is was simply the comma at the end of "visible: 4," needed to be taken out.