Modales PDF IFRAME mit Jquery

Also hier ist mein Skript, funktioniert einwandfrei, keine Probleme. Warum poste ich das hier, hauptsächlich, damit ich es verbessern und verbessern kann, auch wenn ich denke, dass dies dazu kommen könnte, anderen zu helfen! JQUERY! Hier ist ein Arbeitsbeispielhttp://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();
    }
});

Und hier ist mein HTML

Site-HandbuchPreviewMinimize | Herunterladen

<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>

UND CSS endlich

.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;

}

Wenn Sie bemerken, dass ich dieses Skript geschrieben habe, dass es speziell auf die Klasse PDF grey abzielt und dass es die Klasse aufdeckt, die auf hidden gesetzt ist, enthält das div einen Iframe, der die PDF lädt. Ich dachte, dies sei eine wirklich einfache und coole Möglichkeit, ein PDF zu laden, ohne die Seite zu ändern. Nun .. Million Dolla Frage, wie mache ich das, damit, wenn eine Klasse von PDF hat, es den Inhalt lädt, den es versteckt hat. Ich möchte nicht verrückt werden, wenn es darum geht, Kurse einzurichten, wie Sie sehen können. Ich denke, in der Ahref oder dem Etwas müssen wir eine Klasse setzen, die den Iframe lädt. Danke Jungs für die Hilfe, ich werde mein Skript veröffentlichen, wenn es mit allen, die beim Nennen mitgeholfen haben, fertig ist. Alle Modalitäten, die ich gesehen habe, sind lahm und nicht so reaktionsschnell.

Antworten auf die Frage(2)

Ihre Antwort auf die Frage