Wie schließt das popup-Fenster, wenn Sie klicken Sie irgendwo in die Webseite

Ich will schließen popup Anzeige, wenn Benutzer klicken Sie auf überall im Körper.

Dies ist meine Website http://daplonline.in/. Ich möchte ausblenden oder schließen Anzeige, wenn Benutzer klicken Sie irgendwo in die Webseite.

Dies ist popup-html-code:

<div style="top: 100px; background-color: rgba(5, 5, 0, 0.7); display: block;" id="wd1_nlpopup" data-expires="30" data-delay="10">
    <div id="overlay">
        <a href="#closepopup" id="wd1_nlpopup_close">x</a>
        <div class="content">  
            <a href="buyonline.php"><img src="images/online_course.gif"/></a>
        </div>                  
    </div>
</div>

Dies ist JavaScript-code:

<script type="text/javascript">
    $("body").click(function(){
        alert("me");
    });
</script>

Antwort ist nicht genug, überprüfen Sie bitte mein code
siehe meine Antwort....Sie brauchen, um hinzuzufügen, klicken Sie auf Ereignis-handler für das overlay...nicht für den Körper...
Mit event-delegation würden Sie nicht sogar brauchen, ein overlay und konnte nur schauen, dass dein popup NICHT angeklickt, was bedeutet, dass alles, was außerhalb muss geklickt wurden.

InformationsquelleAutor vivek | 2013-09-19

6

Überprüfen Sie, diesen code zu 100% arbeiten und getestet.. 🙂
```
$( document ).ready(function() {
$('#wd1_nlpopup_overlay').click(function() {

     $('#wd1_nlpopup_overlay').hide();
     $('#wd1_nlpopup').hide();
    });
});
```
- dein code funktioniert habe ich noch die <script type="text/javascript"> $(document).ready(function() { $("body").click(function(){ $('#wd1_nlpopup').hide(); $('#wd1_nlpopup_overlay').hide(); }); }); </script> und funktioniert einwandfrei danke
InformationsquelleAutor Wiram Rathod
2

Müssen Sie Bearbeiten Sie Ihre Auswahl, um die unten
```
$(function(){
   $("#wd1_nlpopup_overlay").click(function(){
      alert("me");
   });
})
```
weil eigentlich Sie klicken auf overlay nicht auf den Körper.

Nun, da dieses popup vielleicht Holen Sie sich Last-später, so müssen Sie delegieren-event-handler wie unten,
```
$(function()
{
    $(document).on('click',"#wd1_nlpopup_overlay",function(){
        alert("me");
    });
})
```
- danke aber funktioniert nicht, ich kann ' s sehen und alert-ich will schließen Anzeige, wenn Benutzer klicken Sie auf eine Stelle im Körper, nicht das schließen des popup-Bildes
- siehe event-delegation-code und versuchen Sie es...und wie gesagt, Ihr overlay ausblenden Körper hinter sich, so müssen Sie code hinzufügen für die überlagerung auf....
- gut und Sie haben TypeError: $mainmenu.parent(...).get(...) is undefined Fehler in console sehen Sie Ihre Konsole..
- ich werde auf Sie zu arbeiten warten
InformationsquelleAutor Dipesh Parmar
1

Das, was es scheint mir zu geben, um ein click-Ereignis zum schließen von popup-btn. Sie können es so machen:
```
$("#wd1_nlpopup_overlay").click(function(){
   $("#wd1_nlpopup_close").click(); //<--this will fire an event to the closebtn
});
```
- Ich mag diesen Ansatz, der dem auslösen des click-Ereignisses der Schaltfläche schließen, besser als meine Lösung (die war zu verbergen).
InformationsquelleAutor Jai

versuchen

$('body').on('click', function(event){
    var popup = $('#wd1_nlpopup');
    if($(event.target).not(popup)){
        $(popup).hide();
    }
});

InformationsquelleAutor Mandeep Jain

Hallo du vergisst die jQuery-Dokument initialiser. versuchen Sie dies :

$(document).ready(function() {
    $("body").click(function(){
      $("#wd1_nlpopup_close").click();
    });
});

InformationsquelleAutor Yussuf S

0

Können Sie ausblenden oder entfernen popup mit
```
$('#your-id').hide();
```
oder
```
$("#your-id").remove();
```
InformationsquelleAutor Prakash Pazhanisamy

-1

http://jsfiddle.net/jasonday/xpkFf/ wird es zu entfernen popup wenn wird klicken Sie auf eine Stelle

$('#open').click(function() {
    $('#dialog').dialog('open');

});



$('#dialog').dialog({
    autoOpen: false,
    modal: false
});

//Close Pop-in If the user clicks anywhere else on the page
             jQuery('html') //set for html for jsfiddle, but should be 'body'
              .bind(
               'click',
               function(e){
            if(
             jQuery('#dialog').dialog('isOpen')
             && !jQuery(e.target).is('.ui-dialog, a')
             && !jQuery(e.target).closest('.ui-dialog').length
            ){
             jQuery('#dialog').dialog('close');
            }
               }
              );

InformationsquelleAutor Ashisha Nautiyal

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.