Question

I’m stuck with the following code:

$('div:jqmData(panel="main") div:jqmData(role="content")').live('click', function(event) {                                                                  
    hideAllPanels();
    alert ("clicked");
 });

where panel=main is my main content panel, containing several pages, each with it’s div data-role=”content”. Besides the main-panel, I have a popover-panel, which I want to close once the user “clicks” somewhere outside the panel.

Works on PC, not on iPad. Could this be the same as this Stackoverflow question? If so, maybe someone has an idea regarding a workaround.

Thanks!

Answer 1

Since you’re using beta 1, bind it to listen for vclick instead of click.
Let me know if it doesn’t work.

$('div:jqmData(panel="main") div:jqmData(role="content")').live('vclick', function(event) {                                                                  
    hideAllPanels();
    alert ("clicked");
 });