$('#target').puisticky();
<div id="target" > //content </div>
$(function() { $('#stickymenu').puimenubar(); $('#stickymenu').parent().puisticky(); });
<ul id="stickymenu"> <li> <a data-icon="ui-icon-document">File</a> <ul> <li><a data-icon="ui-icon-contact">New</a> <ul> <li><a>Project</a></li> <li><a>Other</a></li> </ul> </li> <li><a>Open</a></li> <li><a>Quit</a></li> </ul> </li> <li> <a data-icon="ui-icon-pencil">Edit</a> <ul> <li><a data-icon="ui-icon-arrowreturnthick-1-w">Undo</a></li> <li><a data-icon="ui-icon-arrowreturnthick-1-e">Redo</a></li> </ul> </li> <li> <a data-icon="ui-icon-help">Help</a> <ul> <li><a>Contents</a></li> <li> <a data-icon="ui-icon-search">Search</a> <ul> <li><a>Text</a> <ul> <li><a>Workspace</a></li> </ul> </li> <li><a>File</a></li> </ul> </li> </ul> </li> <li> <a data-icon="ui-icon-gear">Actions</a> <ul> <li><a data-icon="ui-icon-refresh">Ajax</a> <ul> <li><a data-icon="ui-icon-disk">Save</a></li> <li><a data-icon="ui-icon-arrowrefresh-1-w">Update</a></li> </ul> </li> <li><a data-icon="ui-icon-document">Non-Ajax</a> <ul> <li><a data-icon="ui-icon-close">Delete</a></li> </ul> </li> </ul> </li> <li> <a data-icon="ui-icon-close">Quit</a> </li> </ul>