1, jquery2.1.4 a version and Jquerymobile is not compatible can not display the effect. You can change the version number in the following jquery to find that the jquerymobile effect is not possible. Don't know what the problem is the front-end of the small partners note! Do not use the latest jquery3.1.0 version when using Jquerymobile when writing code. There is also attention to the code details (Jquerymobile is based on jquery all at the time of the reference jquery declaration must be in front)
<! DOCTYPE html>
<meta charset= "UTF-8" >
<title>Title</title>
<link rel= "stylesheet" href= "Http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" >
<script src= "Http://code.jquery.com/jquery-2.1.4.min.js" ></script>
<script src= "Http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js" ></script>
<link rel= "stylesheet" type= "Text/css" href= "Style1.css" >
<body>
<div data-role= "page" id= "Pageone" >
<div data-role= "Header" >
</div>
<div role= "Main" >
<a href= "#pagetwo" > Jump to the second page </a>
</div>
<div data-role= "Footer" >
</div>
</div>
<div data-role= "page" id= "Pagetwo" >
<div data-role= "Header" >
</div>
<div drole= "Main" >
<a href= "#pageone" > Jump to the first page </a>
</div>
<div data-role= "Footer" >
</div>
</div>
</body>
Issues with the jquery and Jquerymobile versions (with examples)