jquery/jquery-mobile — Issue #3104: don't work with Safari (iOS and Mac OS X)
Author: copyrights
Created: 2011-11-18 14:58:13+00:00
State: open

I just add jquery mobile to one of my projects. It works fine with Android and Firefox (Linux/Mac OS X) but not with Safari (iOS and Mac OS X.

In Safari I get a white page with black text (default style) and "loading" at the bottom of the page (which is not part of my HTML).

Here my HTML:

```html

Fernbedienung

Fernbedienung

Im VLC öffnen

embedded VLC-Player

Ausschalten

RTL Television

ZDF

3sat

neo/KiKa

ZDFinfokanal

Bayerisches FS

MDR FERNSEHEN

NDR FS NDS*

NDR FS HH*

NDR FS SH

NDR FS MVP*

WDR Köln

SAT.1

ProSieben

kabel eins

N24

arte

Phoenix

EinsExtra

Das Erste

RTL2

Super RTL

VOX

Hamburg 1

Eurosport

9Live

Bibel TV

Bayerisches FS

MDR FERNSEHEN

NDR FS NDS*

NDR FS HH

NDR FS SH*

NDR FS MVP*

WDR Köln

TELE 5

```

and my /static/stylesheet.css:

```css
body{
background-color: black;
color: white;
font-family:"Trebuchet MS", Rockwell,Arial,sans-serif;
font-size:14pt;
}

.jslink{
font-weight:bold;
color:white;
text-decoration:none;
cursor:pointer
}

.jslink:hover {
font-weight:bold;
color:silver;
text-decoration:none;
}

a:link {
font-weight:bold;
color:white;
text-decoration:none;
}

a:visited {
font-weight:bold;
color:white;
text-decoration:none;
}

a:focus {
font-weight:bold;
color:white;
text-decoration:underline;
}

a:hover {
font-weight:bold;
color:silver;
text-decoration:none; }

a:active {
font-weight:bold;
color:lime;
text-decoration:underline;
}

.highlight{
display:none;
color: red;
}

.waiting{
display:none;
color: yellow;
}

.sender{
cursor:pointer
}
.sender:hover{
background-color:silver;
}

.senderliste{
width:200px;
height:auto;
overflow:auto;
position: absolute;
border:1px solid silver;
margin: 4px;
padding: 4px;
}

```