Jquery Bestätigung der Proben

Ich würde gerne mehr Proben in Bezug auf die jquery Bestätigung box.

Habe ich gelernt, wie um zu zeigen, den Bestätigung-Dialog über die unten Beispiel:

http://www.webstuffshare.com/2010/03/jquery-plugin-jconfirmaction/

Aber, ich brauche mehr farbenfrohe und attraktive Muster, können Sie bitte helfen?

InformationsquelleAutor maas | 2010-08-01

  1. 2
       $(document).ready(function () {

        $("#btnSend").click(function (e) {
            var result = window.confirm('Are you sure?');
            if (result == false) {
                e.preventDefault();
            };
        });
    });

    InformationsquelleAutor Shaoden

  2. 2

    besuchen Sie die folgenden websites. finden Sie so viele Bestätigungs-box, entwickelt von jquery-plugin-Bibliothek.

    http://craftpip.github.io/jquery-confirm/

    InformationsquelleAutor mnu-nasir

  3. 0

    Ich würde vorschlagen, Sie werfen Sie einen Blick auf jQuery UI dialog widget. jQuery UI wird jQuery offiziellen user-interface-Bibliothek. So sind Sie sicher, um zu vermeiden,Die Bad-Wand-Code 🙂

    ; Die Dokumentation und die community rund um diese Bibliothek ist riesig. Also, wenn Sie zu stecken; Sie werden sicher Hilfe bekommen.

    Hallo Freund, ich brauche mehr klare Beispiele, ich habe den link löschen in der Tabelle und möchte zeigen das Dialogfeld zur Bestätigung
    wie das? webstuffshare.com/demo/AskUserAction

    InformationsquelleAutor cllpse

  4. 0

    Versuchen, dieses Beispiel...

    In Ihrer view-Seite, wo Sie die löschen-Taste vorhanden ist, geben Sie diesen code..

    <div id="dialog-confirm" title="Remove this?">
    <p align="justify"> 
         <span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>
         This will be permanently deleted in our system and cannot be recovered. Do you want to continue?
    </p>
</div>

    Trigger Beispiel der löschen-Taste (setzen Sie diese in Ihre js-Datei):

    $("#deletebutton").click(function() {
    $('#dialog-confirm').dialog('open');
}

//jquery-ui confirm dialog box
$("#dialog-confirm").dialog({
   autoOpen: false,
   resizable: false,
   modal: true,
   buttons: {
        'Remove': function() { //remove what you want to remove
               //do something here
         },
         Cancel: function() {
               $(this).dialog('close');
         }
   }
});

    Hinweis: vergessen Sie nicht, jquery und jquery-ui-plugin-Skript in der header-Datei. Das wird nicht funktionieren ohne diese Dateien.

    Laden Sie die jquery-ui-plugin hier.

    Wenn Sie weitere Fragen haben, Kommentare zu schreiben. 😀

    InformationsquelleAutor Manie

  5. 0

    Können Sie aus jAlerts und demo hier

    Ich nutze es für eine Recht lange Zeit und glücklich mit ihm. Sie können anpassen, wie Sie wollen, und funktioniert cross-browser -.

    InformationsquelleAutor Nilesh Thakkar

  6. 0

    Jquery Bestätigung Dialoge müssen nicht so schwer zu machen,
    ich habe eine Bestätigung plugin selbst, jquery-bestätigen , unterstützt moderne features.

    Erste von allen, müssen Sie daran denken, wie Sie zu initialisieren, Ihr bestätigen.

    direkt pluginname({title: 'amazing'});

    oder die Bindung an ein element $('.e').pluginname({title:'amazing'})

    Dann, wo do u hängen Sie die plugins, die HTML-Inhalte.
    Sie können die option für den Benutzer, und legen Sie es auf $('body')

    Öffnen und schließen bestätigen Sie Ihre Angelegenheiten auch
    kann gemacht werden, indem

    JS oder CSS.
    zum Beispiel Ihren html-markup


    <div class="myplugin-container">The confirmation content goes here</div>

    Legen Sie eine CSS-Regel 

    .myplugin-container{
   visibility: hidden;
   transition: all .4s; //transition last for .4s.
   transform: scale(0); //by default the modal is scaled to 0.
}
.myplugin-container.show{
   visibility: visible;
   transform: scale(1);
}

    Dem moment, in dem Sie laden Sie Ihre Bestätigungs-plugin-html im DOM wird es versteckt, weil der oben genannten Regeln.
    und Sie JS-code fügen Sie eine Klasse zu Ihrem .myplugin-container


    $('.myplugin-container').addClass('show')

    An diesem Punkt Ihrer Bestätigungs-dialog wird eine öffnen-animation.
    das geht von Kleineren bis normalen.

    InformationsquelleAutor Boniface Pereira

Schreibe einen Kommentar