I m going to try this: <http://jquerytools.org/demos/scrollable/index.html>  

But without **any event trigger**, I m getting below error 

![enter image description here](https://i.stack.imgur.com/L3eTB.jpg)

But I have confusion about, why the **on** method not finding in even **page load** 

```
<head>
<link href="css/scrollable-horizontal.css" rel="stylesheet" type="text/css" />
<link href="css/scrollable-buttons.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-1.6.1.min.js"></script>
<script src="js/jquery.tools.min.js"></script>
</head>  

```

Nothing done at **javascript part** 

```
<script>
$(function() {
  // initialize scrollable
  $(".scrollable").scrollable();
});
</script>  

```

It stopped my further implementation. Have any idea about this?