No HTML
I have this footer :
<div data-role="footer" data-position="fixed" data-theme="c" data-tap-toogle="false">
<div data-role="navbar" data-grid="c">
<ul>
<li><a class = "nav" href="#" id="btnCl">1</a></li>
<li><a class = "ui-btn-active nav" href="#">2</a></li>
<li><a class = "nav" href="#" >3</a></li>
<li><a class = "nav" href="#" id="btnDef">4</a></li>
</ul>
</div>
</div>
And I created this popup :
<div data-role="popup" id="popupMenu" data-theme="b">
<ul data-role="listview" data-inset="true" style="min-width:210px;">
<li><a href="#">A</a></li>
<li><a href="#">B</a></li>
<li><a href="#">C</a></li>
<li><a href="#">D</a></li>
</ul>
</div>
And I created in the JavaScript page this function that should, when you click on tab 1
from footer
open popup
:
$('#btnCl').click(function () {
$("#popupMenu").popup("open");
});
Problem:
When you click on tab 1
of footer
nothing happens ...