Bootstrap modales Problem auf Safari / iOS / iPhone

Ich hatte das gleiche Problem in diesen Tagen und herausgefunden, dass Safari auf iOS in Bezug auf eine Sache anders als andere Browser funktioniert. Das modale Fenster wird nicht auf Safari, sondern in vielen anderen Browsern angezeigt, wenn ein href="#" fehlt.

funktioniert nicht in Safari / iOS, aber in anderen Browsern:

<li><a data-toggle="modal" data-target="#testModal">Modal</a></li>

arbeitet an Safari / iOS und anderen Browsern:

<li><a href="#" data-toggle="modal" data-target="#testModal">Modal</a></li>

Ich habe diese Antwort gefunden, die das Problem für mich gelöst hat. Das Problem ist, dass iOs nicht erkennen, dass das Tag anklickbar ist.

Erstellen Sie einen CSS-Stil wie folgt:

Fügen Sie in Ihrem modalen Code die anklickbare Klasse hinzu:

Wenn Sie das "a" -Tag stattdessen als "Schaltfläche" festlegen, funktioniert es sowohl in Safari IOS- als auch Desktop-Browsern.