Klicken Sie auf eine Schaltfläche, um ein Popup zu öffnen.

Ich möchte nach 5 Sekunden automatisch ein Popup auf meiner Website öffnen. Also entschied ich mich, automatisch auf den Knopf zu klicken, der das Popup öffnet. Also habe ich versucht: document.getElementById ('button_id'). Click(). Meine Methode funktioniert jedoch nicht. Sehen Sie ein Problem in meinem Code?Klicken Sie auf eine Schaltfläche, um ein Popup zu öffnen.

$(document).ready(function() { 
 
    setTimeout(function() { 
 
    document.getElementById('button').click() 
 
    }, 5000); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="row"> 
 
    <button class="btn btn-info btn-lg button" type="submit" id="button" data-toggle="modal" data-target="#enquirypopup">SUBSCRIBE</button> 
 
</div>

Vielleicht eine andere Art und Weise ist es? Mit etwas wie .show() mit meinem Pop-up?

Danke.

Quelle

2017-01-18 Loïc Kreseski

Warum rufen Sie nicht die Funktion ** öffnet ** das modale stattdessen? – Mistalis

Was bedeutet "nicht funktioniert"? Gibt es einen Fehler? Passiert überhaupt nichts? –

Nichts passiert, sorry! –

sollten Sie die eingebaute Funktion des Bootstrap verwenden zum Auslösen des modalen

$(document).ready(function(){ 

     $("#myModal").modal(); 

});

#myModal ist die ID des modalen Fensters.

Quelle

2017-01-18 10:59:55

Diese arbeitete für mich! Vielen Dank!! –

Warum Sie nicht verwenden

den HTML-Code wie:

<div id="popup-div-id"> 
</div>

Die CSS:

#popup-div-id 
{ 
    position:fixed; 
    z-index:3000; 
    top:50px; 
    left:50px; 
    display:none; 
    background-color:red; 
}

Und die JS:

$(document).ready(function(){ 

     setTimeout(function(){ 

      $("#popup-div-id").show(); 
     },5000) 
}

So voll Seite wie :

<html> 
    <body> 
     <div id="popup-div-id"> 
     </div> 

     <style> 
       #popup-div-id 
       { 
        position:fixed; 
        z-index:3000; 
        top:50px; 
        left:50px; 
        display:none; 
        background-color:red; 
       } 
     </style> 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
     <script> 

      $(document).ready(function(){ 

        setTimeout(function(){ 

         $("#popup-div-id").show(); 
        },5000) 
       }    

     </script> 
    </body> 
    </html>

Quelle

2017-01-18 10:54:05

Nichts passiert auch. Vielleicht stelle ich meine

Klicken Sie auf eine Schaltfläche, um ein Popup zu öffnen.

Antwort

Verwandte Themen