Körper Schaltfläche Schließen

Question

ich ein Formular gemacht habe in der Mitte des Bildschirms schwebenden

Und dafür habe ich eine Taste

schließen Aber ich will auf dem Bildschirm überall sein mit der Maus angeklickt geschlossene Form

meinen Code

$(".offer-close").click(function() { 
 
     $(".div-fix").fadeOut(500); 
 
    });

<div class="div-fix"> 
 
<div class="offer-shop"> 
 

 
    <div class="cur-package"> 
 
     <div class="offer-close"><i class="fa fa-times"></i></div> 
 
     <h6>Service</h6> 
 

 
     <div class="pack-b"> 
 

 
      <div class="pack-price">6500 <div> 
 
      <br> 
 

 
      <div class="pack-shop"><a href="#" target="blank">Buy</a></div> 
 
     </div> 
 
     <div class="pack-c">any ...</div> 
 
    </div> 
 
</div> 
 
</div>

Zum Beispiel Formular Feedback Website: http://cssdeck.com/

Answer 1

Hinzufügen von unten Skript wird Ihr Problem lösen.

$(document).mouseup(function (e) 
{ 
    var container = $(".div-fix"); 

    if (!container.is(e.target) // if the target of the click isn't the container... 
     && container.has(e.target).length === 0) // ... nor a descendant of the container 
    { 
     container.hide(); 
    } 
}); 

jsFiddle Demo