Galera ScrollLeft Não quer funcionar

Galera estou desenvolvendo um app com PhoneGap juntamente com Jquery Mobile.

Estou tentando colocar um carousel mais não sei por qual motivo meu scrollLeft não quer funcionar. Alias nenhum scroll quer funcionar.

Alguem poderia ajudar por favor ??

segue o codigo abaixo

(function( $ ){
 $.fn.carousel = function() {
 return this.each(function(){
 var $wrapper = $('> div', this),
 $slider = $wrapper.find('> ul'),
 $itens = $slider.find('> li'),
 $single = $itens.filter(':first'),

 singleWidth = $single.outerWidth(),
 visible = 3,
 currentPage = 1,
 pages = Math.ceil($itens.length / visible),
 containerWidth = visible * singleWidth;

 $(this).css({'width': containerWidth});

 $itens.filter(':first').before(
 $itens.slice(-visible).clone().addClass('clone')
 );

 $itens.filter(':last').after(
 $itens.slice(0, visible).clone().addClass('clone')
 );
 console.log(singleWidth * visible);

 $wrapper.scrollLeft(singleWidth * visible);

 });
 };
})( jQuery );

	 

	codigo ainda com continuação...

	 

	Muito obrigado a quem responder.