Links funktionieren nicht auf Mobile Safari

Ich versuche, einen einfachen Seitensprung zu codieren. Der rote Knopf auf dieser Seite sollte die Seite zum nächsten Abschnitt springen lassen. Es scheint überall zu funktionieren, aber im Safari-Browser, auf Mobilgeräten. Safari auf dem Desktop ist in Ordnung. Ich habe versucht, ein einfaches Anchor-Tag und Java-Skript, um den Link und keiner funktioniert. Ich habe sogar versucht, auf eine externe Seite zu verlinken, um zu sehen, ob es nur der Link zu der ID war und der externe Link auch nicht funktionierte. An diesem Punkt bin ich völlig am Ende. Unten finden Sie die CSS, Javascript und HTML. Ich verwende Visual Composer innerhalb von Wordpress, um die Site zu erstellen, aber es sind fast alle "Raw HTML" -Elemente.Links funktionieren nicht auf Mobile Safari

Hier ist die Seite: http://thirteenthfloor.com/presale/13thfloordenver/

..help

<span 
 
    class="pseudolink" 
 
    onclick="location='http://thirteenthfloor.com/presale/13thfloordenver/#sales'"> 
 
<div class="buybutton">BUY TICKETS NOW</div> 
 
</span> 
 

 
<!--OR--> 
 

 
<a href="#sales"><div class="buybutton">BUY TICKETS NOW</div></a>

.buybutton { 
 
    border-radius: 10px; 
 
    background: linear-gradient(#be0000, #970000); 
 
    width: 275px; 
 
    padding: 18px; 
 
    color: #fff; 
 
    text-align: center; 
 
    font-family: sans-serif; 
 
    font-size: 20px; 
 
    font-weight: bold; 
 
    margin: 25px auto 0px auto; 
 
    box-shadow: 0px 5px 10px #000; 
 
} 
 
.buybutton a{ 
 
    color: #fff; 
 
} 
 
.buybutton:hover { 
 
    background: linear-gradient(#df0000, #cc0000); 
 
    cursor: pointer; 
 
    /**box-shadow: 0px 5px 10px #000000;**/ 
 
}

Quelle

2017-08-23 Austin Lovelace

Haben Sie einen Fehler in der Konsole gesehen? Haben Sie mit dieser Syntax versucht: 'onclick =" window.location.hash = 'sales' "' too? – Kaddath

Habe gerade diese Syntax ausprobiert, und es ist das gleiche Problem. Nur funktioniert nicht für Safari. Keiner der Seitenlinks funktioniert überhaupt. Die Konsole registriert auch keine Fehler. –

Haben Sie keine Lösung, aber das Problem scheint zu sein, weil der Hash zwischen Umleitungen/Umschreiben verloren geht, wie hier angegeben: https://stackoverflow.com/questions/22643032/anchor-tag-doesnt-work-in- iphone-safari, leider ist deine Link-Syntax schon so, wie sie es empfehlen – Kaddath

Diese leider ju ist Ein Fall der iPhone-Software, Safari und Visual Composer, die nicht zusammenarbeiten möchten. Am besten beraten Sie sich, wenn Ihnen das passiert: Verwenden Sie Visual Composer nicht. "Salient" ist eine viel bessere Alternative für Wordpress.

Quelle

2017-08-23 21:20:22

nie viel Visual Composer sowieso gemocht, fügen Seitenerbauer normalerweise zu viel Komplexität im Code imo hinzu, wenn sie nicht mit Wanzen voll sind. Ich gucke Salient trotzdem. . – Kaddath

Links funktionieren nicht auf Mobile Safari

Antwort

Verwandte Themen