jquery popup

I have followed the example at:

I have managed to implement the popup and it works well, but I am new to jquery and cannot work out how to catch the click event in the buttons. I have placed the code for the  popupbeforeposition: function in script tags and this works I have tried placing data-click events in the buttons mark up  and adding custom code in the script tags but this never fireshow do I capture the events?

mark up:

<a href="#popupPanel" data-rel="popup" data-transition="slide" data-position-to="window" data-role="button">Open panel</a>
<div data-role="popup" id="popupPanel" data-corners="false" data-theme="none" data-shadow="false" data-tolerance="0,0">

    <button data-theme="a" data-icon="back" data-mini="true">Back</button>
    <button data-theme="a" data-icon="grid" data-mini="true">Menu</button>
    <button data-theme="a" data-icon="search" data-mini="true">Search</button>

 $( "#popupPanel" ).on({
    popupbeforeposition: function() {
        var h = $( window ).height();

        $( "#popupPanel" ).css( "height", h );
Who is Participating?
Luis PérezConnect With a Mentor Software Architect in .NetCommented:
First, assign IDs to buttons:

<button id="buttonBack" data-theme="a" data-icon="back" data-mini="true">Back</button>
<button id="buttonMenu" data-theme="a" data-icon="grid" data-mini="true">Menu</button>
<button id="buttonSearch" data-theme="a" data-icon="search" data-mini="true">Search</button>

And then you can do the following:
$('#buttonBack').click(function() {
    //your code here

Hope that helps.
JoeBo747Author Commented:
Hi Roland,
Thanks for the help, should have spotted the missing ID!
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.