Projects List MTD Touch Javascript LibraryVersion 1.0 beta

http://api.mutado.com/mobile/mtdtouch/js/1.0/mtd.touch.core.js

// Utilities
$MTD.log( object );
$MTD.delegate( scope, function, [arguments...] );

// UIComponent Notifications Binding inheritance
$MTD( <UIComponent> ).bind( note, function, [ scope ] );
$MTD( <UIComponent> ).notify( note, [arguments...] );

http://api.mutado.com/mobile/mtdtouch/js/1.0/mtd.touch.ui.scroll.js

// Usage - HTML
<div id="scroll1">
  <ul>
    <li><img src="image1.jpg" /></li>
    <li><img src="image2.jpg" /></li>
    <li><img src="image3.jpg" /></li>
    <li><img src="image4.jpg" /></li>
    <li><img src="image5.jpg" /></li>
  </ul>
</div>
			// Usage - jQuery Horizontal Scroll declaration on document ready
$( document ).ready( function() {
	$( '#scroll1' ).MTDTouchHScroll( { offset: 20, duration: 500 } );
});

@offset		[numeric]	Offset between elements
@duration	[numeric]	Transition duration in milliseconds

// Usage - jQuery other declarations (Vertical and No Paging)
$( '#scroll2' ).MTDTouchVScroll();
$( '#scroll3' ).MTDTouchHScrollNoPaging();
$( '#scroll4' ).MTDTouchVScrollNoPaging();

// Methods
$MTD( '#scroll1' ).count();
$MTD( '#scroll1' ).next();
$MTD( '#scroll1' ).prev();
$MTD( '#scroll1' ).first();
$MTD( '#scroll1' ).last();
$MTD( '#scroll1' ).scrollTo( index );

// Notification[changed]
function changeCallback( index ) {
	...do something!
}

$MTD( '#scroll1' ).bind( 'changed', changeCallback, [ scope ] );