highlight Textfeld Randfarbe für paar Sekunden?

Hallo ich möchte ein Textfeld Randfarbe für wenige Sekunden , später will ich es wieder ändern, um weiße Farbe. gibt es eine Möglichkeit für addClass Funktion legen Sie die Zeit auch. Jeder andere Weg ?versucht mit http://jsfiddle.net/RW2s4/7/ nicht arbeiten

Finden Sie unten einen Kommentar, warum Ihr jsfiddle funktioniert nicht.

InformationsquelleAutor Rosh | 2012-05-24

  1. 11

    Diesem kleinen script Hinzugefügt wurde die Klasse 'highlight' für zwei Sekunden, um die Eingabe-Feld:

    $('#text').change(function() {
    var jElement = $(this);
    jElement.addClass('highlight');
    setTimeout(
        function() { jElement.removeClass('highlight'); },
        2000
    );
});

    Siehe auch dieses Beispiel.

    Oder hier die Kombination von Ihr und meine Lösung.

    Hier die Kombination von Ihr und meine Lösung (ohne jquery ui).

    InformationsquelleAutor scessor

  2. 1

    Können Sie switchClass so etwas wie:

    $("#element").switchClass("removeThisClass", "addThisClass", 1000)

    Demo Fiddle: HIER

    Referenz:JQuery Docs

    habe versucht mit jsfiddle.net/RW2s4/7 funktioniert nicht
    Hier versuchen jsfiddle.net/RW2s4/11, die Sie nicht setzen Sie ein Häkchen in das JQuery UI box auf der linken Seite (unterhalb des jQuery-dropdown). Sie müssen, dass. Auch auf Veranstaltungen, die im markup gibt, die nicht in jsfiddle aus irgendeinem Grund. Ich habe es verschoben in das JavaScript. Versuchen Sie, die
    FYI onclick in das markup funktioniert in jsfiddle, aber nicht, wenn die javascrip ist onDomLoad oder onLoad wie Sie sind eingeschlossen außerhalb des Fensters Rahmen. Wählen Sie einfach head (no wrap) wenn Sie möchten, dass normale Ereignisse (was Sie fast nie tun, mit jQuery). So fixieren, dass jsfiddle ist so einfach wie das ankreuzen von jQuery UI und ändern Sie die dropdown: jsfiddle.net/RW2s4/14
    ah wusste nicht, dass Dank :). Ich bleibe bei click Veranstaltungen in jquery vs onclick im markup obwohl, besser der Praxis würden Sie nicht Zustimmen? 🙂
    Total 100% Zustimmen. Aber hilft Debuggen anderen jsfiddles zu wissen.

    InformationsquelleAutor mattytommo

  3. 1

    Highlight-div-Element auf klicken Sie auf Folie zu div

    $('.box').click(function() {
    var jElement = $(this);
    jElement.addClass('highlight');
    setTimeout(
        function() { jElement.removeClass('highlight'); }, 
        500
    );
    //$(window).scrollTop($('.box3').offset().top,100);
    $("html, body").delay(100).animate({
        scrollTop: $('.box2').offset().top 
    }, 2000);

});


    <button>http://jsfiddle.net/tyPct/198/   </button>

    InformationsquelleAutor Udit shashank Shukla

  4. 0

    Live sehen Demo 

    $(function(){

  setTimeout(ChangeBorder, 2000);

  function ChangeBorder() {
     $(".highlight").css({"border-color":"red"});
  }
});

    InformationsquelleAutor Pir Abdul

  5. 0

    Check-jquery animate-Funktion wodurch das element nach einiger Intervall:

    http://api.jquery.com/animate/

    demo: http://jsfiddle.net/umSkg/2/

    $(document).ready(function(){
    var ogColor = $("#inpt").css("border-left-color");
    $("#trggr").click(function(){
        var inpt = $("#inpt");
        var delay = 1000;
        inpt.animate({ borderColor: "#EAC117" }, delay,function(){
        //revert after completing
        inpt.animate({ borderColor: ogColor }, delay);
        });
    });

});
    Haben Sie versucht, Ihre demo? Es nicht wieder für mich in FF12 (Funktioniert im IE8 aber!)
    code wurde aktualisiert
    Bizarre workaround, border-left-color funktioniert im FF, aber nicht border-color. Du hast Recht, aber... jetzt funktioniert!

    InformationsquelleAutor Nitin Sawant

  6. -1

    Verwendung der effect-Funktion

    $('#component').effect("highlight", {color: 'red'}, 2000);

    effect ist nicht ein built-in jquery-Funktion
    wer sagte, es sei? OP ist nicht angegeben zu werden.
    Eine solche Lösung entspricht meinen Worten so schreiben $('selector').solveMyProblem(args) und ruft es eine Lösung. Es bietet keine praktische Hilfe.
    die Lösung könnte so einfach sein, jetzt, wenn Sie bauen wollen, eine ganze plugin nur für die, die voran gehen.

    InformationsquelleAutor Diego

Schreibe einen Kommentar