jQuery Mobile dialog opens incorrectly in Safari

279 Views Asked by Peter Jurkovic At 20 October 2024 at 08:43

I have problem with jQuery Mobile dialog. When is the page first time loaded (after JQM init) and after that when I click on dialog button (open dialog), dialog is opened incorrectly. Instead of include into DOM, is dialog page opened as a new page. Thats happend only in Safari browser. Have anyone same problem, or any idea how to fix it? Thank you.

index.html

...
    <div>
        <a href="dialog.html" data-rel="dialog" data-role="button">open dialog</a>
    </div>
...

dialog.html

    <!DOCTYPE html> 
    <html>
    <head>
        <meta charset="UTF-8">
        <title>Přidat rezervaci</title>
    <body> 
      <div data-role="page" id="reservation-form" data-close-btn="right" data-history="false">
         <!-- some next code -->
      </div>
    </body>
    </html>

jQuery Mobile configuration:

$.event.special.swipe.horizontalDistanceThreshold = 70;
$.event.special.swipe.scrollSupressionThreshold  = 40;
$.mobile.defaultPageTransition = 'none';
$.mobile.defaultDialogTransition = 'none';
$.mobile.useFastClick = true;

jQuery version: 1.9.1 jQuery mobile version: 1.3.1

Here is the preview:

enter image description here

Original Q&A

There are 1 best solutions below

Peter Jurkovic On 17 June 2013 at 19:51

I solved this problem. It was cause by <audio> element hack for mobile devices.

$(document).one("click", "body", function(){
 play(true);
 return false;
});

function play(first){
var a =  $("#audio");
if(a.length !== 0){
    a = a[0];
    if(first){
        a.currentTime=a.duration-.01;
        a.play();
        a.load();
    }else{
        a.play();
    }
}
return false;
}

jQuery Mobile dialog opens incorrectly in Safari

There are 1 best solutions below

Related Questions in JAVASCRIPT

Related Questions in JQUERY

Related Questions in JQUERY-MOBILE

Related Questions in JQUERY-MOBILE-DIALOG

Trending Questions

Popular # Hahtags

Popular Questions