wie fancybox von javascript zu öffnen.

<div style="display:none"> 
<div id="EditFancy" class="fancybox-infobar"> 
//Some not relevant input fields. 
</div> 
</div>

Ich versuche, diese fancybox von einem Javascript zu aktivieren, das oben in der cshtml-Datei enthalten ist.

Allerdings kann ich es über einen Link in der gleichen cshtml-Datei aktivieren/anzeigen. Mit dem folgenden Code:

<a href="#EditFancy" class="btnForm" id="btnForm">asd</a> 
    <script type="text/javascript"> 
     $("#btnForm").fancybox(); 
    </script>

Hilfe wird sehr geschätzt.

Quelle

2017-05-05 Atle Kristiansen

Sie haben also einen Teil des Codes, den Sie irgendwo auf der Seite ausführen, und es funktioniert, aber es funktioniert nicht, wenn Sie es an der Spitze der Datei setzen? Warum sollte man es an die Spitze der Datei stellen? –

@MikeC Wartbarkeit meist –

@KyleBecker Das macht keinen Sinn. Es ist genauso wartungsfreundlich, alle Ihre Skripte ganz unten auf der Seite zu platzieren, was Sie ohnehin tun sollten, es sei denn, Sie haben einen sehr guten Grund, dies nicht zu tun. –

Wenn Sie jquery versuchen, den Code mit $ (document) .ready() Funktion oder verwenden window.onload einzuwickeln() JavaScript-Funktion

Quelle

2017-05-05 19:49:41 decoder

Die Funktion, die die fancybox aufrufen soll, befindet sich in einer $ (document) .ready() - Funktion. –

Überprüfen Sie, ob Ihr Skript vor dem Laden der Bibliothek geladen wurde. Verwalten Sie den Skriptbereich auf der freigegebenen Layout-Seite? Diese Überlegung kann helfen. – decoder

Ja, sie waren geladen. Stellt sich heraus, ich sollte jQuery.fancycox.open (jQuery ('# btnForm')) verwenden. Danke für Ihre Hilfe! –

Sie könnten Ihren eigenen Klick-Handler Event-Delegation erstellen, das sich öffnet fancybox zum Beispiel:

$("body").on("click", "btnForm", function() { 
    $.fancybox.open({ src: $(this).attr('href'), type : 'inline' }); 
});

Quelle

2017-05-05 21:18:28 Janis

Danke! Allerdings habe ich gerade folgendes gefunden: jQuery.fancycox.open (jQuery ('# btnForm')); btnForm ist die ID des Tags, die auch die fancybox geöffnet hat. –

Gebrauchte jQuery.fancybox.open (jQuery ('# btnForm')); um die fancybox aus dem javascript zu öffnen.

Quelle

2017-05-05 21:23:02

wie fancybox von javascript zu öffnen.

Antwort

Verwandte Themen