Bootstrap: Kann Modal nicht schließen

-1

Ich teste diese website und wie Sie sehen können, ist eine "Fullpage" -Website.Bootstrap: Kann Modal nicht schließen

In der ersten Seite habe ich Button mit einem Modal verbunden, aber wenn es geöffnet ist, ist es nicht mehr möglich, es zu schließen und ich erkannte, dass es die GESAMTE Website Höhe und nicht die tatsächliche Seite.

Wie kann ich es beheben?

Die Website ist builted Wordpress + Bootstrap verwenden und ich verwendet, um die „Fullpage.js“ Methode

Quelle

2016-07-07 N_A

Scheint, ** hinter ** das Overlay zu öffnen. Deshalb erreicht der Klick das modale DOM-Element nicht. –

Sieht aus wie ein Z-Index-Problem für mich. Verwenden Sie den Inspektor und spielen Sie mit einigen Z-Index-Stilen. –

–

Ihre Nähe ‚X‘ Button oben rechts auf Ihrem modalen verwenden ist hinter einem unsichtbaren, fest positionierte Element entlang der Oberseite, dh das Lauf:

<div class="bt-menu-control-sticky">

Im Kern. CSS:

.bt-menu-control-sticky{z-index:999999;}

Sie benötigen, um Ihre modal haben einen höheren z-Index-Wert als das zu machen, was auch immer Sie es auf, oder die Positionierung des modal ändern. Ich kann sehen, dass Ihre Schließen-Schaltfläche funktioniert, wenn dieses Problemelement auf z-index: 0 festgelegt ist.

Quelle

2016-07-07 13:31:52 ajmedway

attatch ein Click-Handler, um den Körper oder die X- und rufen

$('.modal').modal('hide')

Dies wird alle Modalverben schließen so sein Vorsichtig. eine eindeutige ID für die Modal

Quelle

2016-07-07 13:20:00 jkojoa

Bootstrap: Kann Modal nicht schließen

Antwort

Verwandte Themen