Oto mój skrypt, działa idealnie, bez problemów. Dlaczego teraz publikuję to tutaj, głównie po to, by je ulepszyć i uczynić lepszym, sądzę, że może to pomóc innym! JQUERY! Oto próbka roboczahttp://jsfiddle.net/cornelas/4eUgf/2/

    $(document).ready(function() {
        $('.select').click(function () {
        $('.pdf_grey').fadeIn('slow');
        $('.select').hide();
        $('.deselect').show();
   });
     $('.deselect').click(function() {
        $('.pdf_grey').fadeOut('slow');
        $('.select').show();
        $('.deselect').hide();
    });
        $('.pdf_grey').css({'opacity' : 0.8});
    });
    $(document).mouseup(function (e)
{
    var container = $(".pdf_grey");
var deselect = $(".deselect");
var select = $(".select");

    if (container.has(e.target).length === 0)
    {
        container.hide();
       deselect.hide();
       select.show();
    }
});

A oto mój HTML

Podręcznik witrynyPodglądMinimalizuj | Ściągnij

<div class="pdf_grey">
<span class="deselect top_inf"><h3>Close<h3></span><br>
<iframe id="manual" style="border:1px solid #666CCC" title=" Manual" src="Images/pdf/UserMaual.pdf" frameborder="1" scrolling="auto" height="600" width="850" ></iframe>
</div>
</div>  
</div>

I wreszcie CSS

.pdf_grey {
position: absolute;
left: 500px;
top: 100px;
display: none;
padding: 25px;
background: #333;
}
.deselect {
    display: none;
    cursor: pointer;
}
.select {
    cursor: pointer;
    color: #666;

}
.select:hover {
    color: red;

}

Jeśli zauważysz, że napisałem ten skrypt, który będzie celował w klasę szarości PDF i ujawniłby klasę, która jest ukryta, div zawiera iframe, która ładuje plik PDF. Myślałem, że to naprawdę prosty sposób na załadowanie pliku PDF bez zmiany strony. Teraz ... Milion dolla pytanie, jak mogę to zrobić, aby każdy, kto ma klasę pdf, załadował ukrytą treść. Nie chcę wariować na temat tworzenia zajęć, jak widać. Rozumiem ahref lub coś, co musimy ustawić klasę, która ładuje Iframe. Dzięki chłopaki za pomoc, opublikuję mój skrypt, gdy będzie kompletny, z każdym, kto pomógł mu nadać nazwę, wszystkie modały, które widziałem, są kiepskie, a nie tak responsywne.