jQM - Popup example

by Julian

HTML

<script src="&lt;script src=&quot;http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js&quot;&gt;&lt;/script&gt;"></script>
<script src="&lt;link rel=&quot;stylesheet&quot; href=&quot;http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css&quot;&gt;   "></script>
<!DOCTYPE html>


<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-1.11.3.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
 

  <body>
 <h1>
 Click on image to edit
 </h1>
<a href="#popupMenu" data-rel="popup" data-transition="slideup"> <img src="http://www.w3schools.com/css/trolltunga.jpg" alt="Mountain View" style="width:350px;height:228px;"></a>
<div data-role="popup" id="popupMenu" data-theme="b">
        <ul data-role="listview" data-inset="true" style="min-width:210px;">
            <li data-role="list-divider">Edit Post</li>
            <li><a href="#">Edit</a></li>
            <li><a href="#">Delete</a></li>
        </ul>
</div>
    
  </body>