I'm developing a simple application for the SB1 Smart badge. The app displays 4 items in a list with a pager but when I click on the PageUp or PageDown buttons the event fires twice - resulting in only the 'odd' numbers pages being accessible.

I have checked my code and the event is only attached once

                $('#pageDown').unbind('click').click(function (e) {
                    console.info("Page Down");
                    displayItems(currentPage + 1);
                });

Running locally on Chrome, if I open the Dev Tools and put a breakpoint on the 'console' line, then click the page down button the code execution stops as expected but then I continue execution of the code it runs fine, i.e. the event is NOT fired again. Basically trying to observe the behaviour, changes the behaviour (not helpful).

Following advice from another post I've wrapped the code in an 'events.subscribe' block like so:

       asl.events.subscribe(asl.events.types.loaded, function (r, s) {
                // console.log(asl.prv.locale);
                $('#pageDown').unbind('click').click(function (e) {
                    console.info("Page Down");
                    displayItems(currentPage + 1);
                });
            });

But now nothing happens when I click the button - I'm assuming that this is because I'm not actually running on the device but locally in Chrome, but I'm not sure.

Can anyone shed any light on the above?

Thanks in advance