I want to use the image resize and drag function of Jquery UI in a Jquery Mobile-based page, but after adding Jquery UI lib in the page, all Jquery Mobile CSS lost effect.

Anyone got any hints? Thanks in advance.

Code like this

1. <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" /> 

2. <link rel="stylesheet" href="./jquery.mobile-1.4.2.min.css" /> 

3. <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script> 
   

4. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> 

5. <script type="text/javascript" src="./jquery.mobile-1.4.2.min.js"></script> 

6. <script type="text/javascript" src="http://jqueryrotate.googlecode.com/files/jQueryRotate.2.1.js"></script>