leichtester nicht-modaler Dialog mit jQuery?

Hier ist eine Demo:leichtester nicht-modaler Dialog mit jQuery?

Aber es ist für mich zu groß.

Es sind zweitausend Zeilen enthalten.

Ich möchte eine in einer einzigen Datei mit weniger als 1 tausend Zeilen haben.

2009-08-18 omg

Wie klein muss es sein, um sich zu qualifizieren? –

zu groß in welcher Weise? Ist der Dialog für Ihre Inhalte physisch zu groß? ist das erforderliche Plugin-Skript zu groß für Sie, um es auf Ihrer Seite einzubinden? –

am einfachsten zu rollen, aber eine Feature-Liste würde helfen. Was soll der Dialog tun? jQuery muss auf viele Anforderungen eingehen. – redsquare

Sie können JQueryUI auf das Wesentliche entkleiden, indem Sie alles, was Sie nicht benötigen, aus dem Download entfernen, wenn Sie es unter http://jqueryui.com/download erhalten.

Ich würde mir vorstellen, dass Sie es unter 1000 Zeilen bekommen können, wenn Sie dies tun.

Quelle

2009-08-18 01:21:11

Nur über 1100 (nicht-minified) Linien und 32K mit nur Kern und Dialog. – tvanfosson

wie dies zu implementieren ist: klicken Sie auf einen Link, dann öffnen Sie den Dialog, wo klicken passiert. – omg

gibt es eine nackte Knochen-Version, die ich von Bower mit nur dem Popup bekommen kann – SuperUberDuper

Wenn Sie eine Abneigung gegen die Komplexität haben, die durch eine hohe Zeilenzahl impliziert wird, müssen Sie darüber hinwegkommen, oder Sie werden voodoo tun, aus Mangel an Vertrauen von Grund auf neu implementieren und etwas weniger komplex wählen -aussehende, aber letztlich minderwertige Bibliotheken.

Ich sage dies, weil Sie weniger Codezeilen anfordern, was eine gute Metrik für Komplexität und Wartbarkeit ist, aber eine schlechte Metrik für wichtige Dinge wie gutes Design und gute Dokumentation. Selbst die Größe ist selten ein Problem, wenn Sie minimierten Code verwenden.

Atmen Sie tief ein und schließen Sie einfach die Datei :)

Quelle

2009-08-18 01:45:05

+1 Es gibt so viele Gründe, dies zu tun, und so wenige nicht zu. –

@Shore: Um dies zu implementieren,

HTML-Code:

<a id="clickme">Open Dialog</a> 

<div id="dialog" style="display:none;">Hello this is a dialog</div>

Code JS:

$(document).ready(function(){ 
    // Default settings for dialog 
    $("#dialog").dialog({ 
     bgiframe: true, 
     height: 300, 
     width: 350, 
     autoOpen: false, 
     modal: true, 
     overlay: { 
      opacity: 0.7, 
      background: "black" 
     } 
    }); 
    $('#clickme').click(function(){ 
     $("#dialog").dialog('open'); 
    }); 
});

Quelle

2009-08-18 05:07:55 kayteen

Ich mag jqmodal. (es ist nicht unbedingt Modal!)
Es ist über 3k.

jqmodal link

Init

$('#dialog').jqm();

anzeigen

$('#dialog').jqmShow();

Quelle

2009-08-18 08:20:33

Das sieht aus wie es modal – riley

ich mir die gleiche Frage stellte. Wo finde ich ein leichtes Overlay-Plugin ohne jQuery UI? Nachdem ich ungefähr eine Stunde damit verbracht habe im Internet zu suchen, habe ich beschlossen, es selbst zu implementieren.

So nach drei Jahren ist die Antwort:
Sie könnten jquery.mloverlay versuchen eine einfache, leichte jQuery-Plugin für modal weniger Overlays zeigt.

Quelle

2013-08-06 17:36:25 Mythli

Demo funktioniert nicht – MajesticRa

leichtester nicht-modaler Dialog mit jQuery?

Antwort

Verwandte Themen