leichteste nicht-Modaler dialog mit jQuery?

Hier ist eine demo:

http://jqueryui.com/demos/dialog/

Aber es ist zu groß für mich.

Gibt es 2 tausend Zeilen enthalten.

Ich würde gerne eine in einer einzigen Datei mit weniger als 1 tausend Zeilen.

  • Wie klein muss Sie sein, um sich zu qualifizieren?
  • zu groß, auf welche Weise? ist der dialog körperlich zu groß für Ihren Inhalt? ist das erforderliche plugin script zu groß für Sie sind auf Ihrer Seite?
  • am einfachsten zu Rollen Sie Ihre eigenen jedoch eine feature-Liste helfen würde. Was wollen Sie den dialog zu tun? jQuery-ui bieten für viele Anforderungen.
  • "gerecht für viele Anforderungen." - Inklusive cross-browser-Kompatibilität.
  • nun zeigt eine mehrschichtige div ist nicht rocket science x-browser...
InformationsquelleAutor omg | 2009-08-18
  1. 10

    Wenn Sie eine Abneigung gegen die Komplexität impliziert eine hohe Linie-Grafen, die Sie brauchen, um über dieses oder werden Sie am Ende tun voodoo, reimplementing von Grund für das mangelnde Vertrauen und die Wahl leicht-weniger Komplex-Sie suchen aber letztlich unterlegen Bibliotheken.

    Ich sage dies, weil Sie Fragen, für weniger code-Zeilen, die ein guter Maßstab für die Komplexität und Wartbarkeit, aber eine schlechte Metrik für die wichtigen Dinge wie gutes design und gute docs. Auch die Größe ist selten ein Problem, wenn Sie minified code.

    Einen tiefen Atemzug nehmen und einfach die Datei 🙂

    • +1 Es gibt so viele Gründe, dies zu tun, und so wenige nicht.
    InformationsquelleAutor mk.
  2. 4

    Können Sie strip JQueryUI das wesentliche, indem alle die Dinge, die Sie nicht benötigen, aus der download wenn man es bei http://jqueryui.com/download.

    Ich könnte mir vorstellen, dass Sie es unter 1000 Zeilen, wenn Sie dies tun.

    • Knapp über 1100 (non-minified) Linien-und 32K-mit nur core und dialog.
    • wie um dies zu implementieren: auf einen link klicken,dann öffnet den dialog, in dem Sie auf passiert.
    • ist es eine bare-bones-version, die ich bekommen kann von Laube nur mit dem popup
    InformationsquelleAutor Robert Harvey
  3. 0

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

    JS-code:

    $(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');
   }); 
});
    InformationsquelleAutor kayteen
  4. 0

    Ich mag jqmodal. (es ist nicht unbedingt modal!)

    Es geht um 3k.

    jqmodal link

    Init

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

    Zeigen

    $('#dialog').jqmShow();
    • Das sieht aus wie es ' s modal
    InformationsquelleAutor Julian de Wit
  5. 0

    Frage ich mich die gleiche Frage. Wo finde ich ein leichtes overlay plugin ohne einschließlich der jQuery UI?
    Nachdem ich ungefähr eine Stunde lang suchen im Internet habe ich beschlossen, es auf meinem eigenen.

    Also nach drei Jahren die Antwort ist:

    Sie könnten versuchen, jquery.mloverlay ein einfaches, leichtes jQuery-plugin, für das zeigen modal weniger overlays.

    InformationsquelleAutor Mythli
Schreibe einen Kommentar