Hi,

I have tried the design look like Link: http://demos.jquerymobile.com/1.3.2/ to VF page, but css,jquery styles are not suported and. how to use the jquery properly in vf page. kindly refer the following code

VF page
============
<apex:page showheader="false" sidebar="false">
 <apex:form >  
        
   <apex:includeScript value="{!URLFOR($Resource.jqerymobile, '/js/jquery-1.4.5.min.js')}" />
    <apex:includeScript value="{!URLFOR($Resource.jqerymobile, '/js/jquery.mobile-1.4.5.min.js')}" />
    <apex:includeScript value="{!URLFOR($Resource.jqerymobile, '/js/jquery.mobile-1.4.5.js')}" />
    <apex:stylesheet value="{!URLFOR($Resource.jqerymobile, '/css/ui-lightness/jquery.mobile.external-png-1.4.5.custom.css')}"  />
    <apex:stylesheet value="{!URLFOR($Resource.jqerymobile, '/css/ui-lightness/jquery.mobile.external-png-1.4.5.min.custom.css')}"  />
    <apex:stylesheet value="{!URLFOR($Resource.jqerymobile, '/css/ui-lightness/jquery.mobile.icons-1.4.5custom.css')}"  />
    <apex:stylesheet value="{!URLFOR($Resource.jqerymobile, '/css/ui-lightness/jquery.mobile.icons-1.4.5.min.custom.css')}"  />
    <apex:stylesheet value="{!URLFOR($Resource.jqerymobile, '/css/ui-lightness/jquery.mobile.inline-png-1.4.5.custom.css')}"  />
    <apex:stylesheet value="{!URLFOR($Resource.jqerymobile, '/css/ui-lightness/jquery.mobile.inline-png-1.4.5.min.custom.css')}"  />
    <apex:stylesheet value="{!URLFOR($Resource.jqerymobile, '/css/ui-lightness/jquery.mobile.inline-svg-1.4.5.custom.css')}"  />
    <apex:stylesheet value="{!URLFOR($Resource.jqerymobile, '/css/ui-lightness/jquery.mobile.inline-svg-1.4.5.min.custom.css')}"  />
    <apex:stylesheet value="{!URLFOR($Resource.jqerymobile, '/css/ui-lightness/jquery.mobile.structure-1.4.5.custom.css')}"  />
    <apex:stylesheet value="{!URLFOR($Resource.jqerymobile, '/css/ui-lightness/jquery.mobile.structure-1.4.5.min.custom.css')}"  />
    <apex:stylesheet value="{!URLFOR($Resource.jqerymobile, '/css/ui-lightness/jquery.mobile.theme-1.4.5.custom.css')}"  />
    <apex:stylesheet value="{!URLFOR($Resource.jqerymobile, '/css/ui-lightness/jquery.mobile.theme-1.4.5.min.custom.css')}"  />
    <apex:stylesheet value="{!URLFOR($Resource.jqerymobile, '/css/ui-lightness/jquery-ui-1.4.5.custom.css')}"  />
    <apex:stylesheet value="{!URLFOR($Resource.jqerymobile, '/css/ui-lightness/jquery.mobile-1.4.5.mincustom.css')}"  />
    <apex:stylesheet value="{!URLFOR($Resource.jqerymobile, '/css/ui-lightness/jquery-ui-1.4.5.custom.css')}"  /> 
    
    <apex:tabPanel >
        <apex:tab label="Button">.
                    <div data-role="collapsible-set" data-theme="c" data-content-theme="d">
                
                <input type="Button" value="Anchor"/><br/>
                <br/>
                <input type="Button" value="Input"/><br/>
                <br/>
                <input type="Button" value="Submit"/><br/>
                <br/>
                <input type="Button" value="Reset"/><br/>
                <br/>
                <input type="Button" value="Dropdown"/><br/>
             
        </div><br/><br/>
     
        </apex:tab>
    </apex:tabPanel>
    
     <apex:tabPanel >
        <apex:tab label="Grid">
               <div class="ui-grid-a">
                    <div class="ui-block-a"><div class="ui-bar ui-bar-e" style="height:60px">Block A</div></div>
                    <div class="ui-block-b"><div class="ui-bar ui-bar-e" style="height:60px">Block B</div></div>
               </div>
               <fieldset class="ui-grid-a">
                    <div class="ui-block-a"><button type="submit" data-theme="c">Cancel</button></div>
                    <div class="ui-block-b"><button type="submit" data-theme="b">Submit</button></div>
               </fieldset>
               
        </apex:tab>
    </apex:tabPanel>
    
    <apex:tabPanel >
        <apex:tab label="Checkboxes">
             <fieldset data-role="controlgroup">
                    <legend>Select Option:</legend>
                    <input type="checkbox" name="checkbox-v-2a" id="checkbox-v-2a"/>
                    <label for="checkbox-v-2a">Open</label>
                    <input type="checkbox" name="checkbox-v-2b" id="checkbox-v-2b"/>
                    <label for="checkbox-v-2b">Inprogress</label>
                    <input type="checkbox" name="checkbox-v-2c" id="checkbox-v-2c"/>
                    <label for="checkbox-v-2c">Completed</label>
             </fieldset><br/><br/>            
        </apex:tab>
    </apex:tabPanel>

</apex:form>    
</apex:page>