onBlur und onFocus in separaten jQuery

Das jQuery nicht funktioniert. Ich weiß, es sieht irgendwie merkwürdig. Aber wie bekomme ich es auf Arbeit?

Die CSS-Modifikationen im Abschnitt JavaScript nicht funktionieren. Auf .Unschärfe, wenn das Feld hat nichts in ihm, das jQuery sollte ändern Sie die Farbe des Textfeld.

Auf die blur wenn es nichts gibt in das Feld den text ändern sollte und die Farbe des Textes ändern sollte. Auf der focus wenn es heißt "Suchen In" in das Feld den text ändern sollte und die Farbe des Textes ändern sollte.

http://jsfiddle.net/7P5J8/

Muss ich zum entfernen der inline-JavaScript?

  • definieren funktioniert nicht, was wollen Sie erreichen?
  • Was ist "zu arbeiten"?
  • Wenn diese funktioniert, was würde es tun?
  • Es funktioniert, was ist dein problem ?
  • Die CSS-änderungen im JavaScript-Bereich sind nicht funktionieren. Auf .blur wenn das Feld hat nichts in ihm, das CSS sollte die Farbe ändern.
  • Diese Frage ist nicht nützlich, wenn Ihr den link bricht. Sollten Sie veröffentlichen Sie Ihren code hier statt auf einer anderen Website.
  • Sie akzeptierten einfach eine Antwort mit einem nicht arbeiten JSFiddle!...
  • Das der link funktioniert...
  • Du wirst also überprüfen Sie zurück auf einer regelmäßigen basis, um sicherzustellen, dass die Integrität der link für zukünftige Leser, und ersetzen Sie es, wenn es scheitert?
  • Oh... und nicht verstehen

InformationsquelleAutor henryaaron | 2012-02-04
  1. 2

    versuchen, diese und sehen, ob es das problem behebt :

    $("#additionalsearch").focus(function(){
if (this.value == "Search Within")
{
    this.value = "";
    $(this).css('color','#000000');
 }
});

$("#additionalsearch").blur(function(){

        if (this.value == "")
        {
            this.value = "Search Within";
            $(this).css('color','#a9a9a9');
        }
    });

    http://jsfiddle.net/GhA2u/

    • Dies ist, was ich suchte: jsfiddle.net/GhA2u/1 Dank.
    • Diese Antwort ist nicht nützlich, wenn Ihr den link bricht. Sollten Sie veröffentlichen Sie Ihre Lösung hier, anstatt auf einer anderen Website.
    • so wie dieser Kerl, die Frage... =) trotzdem antwortete ich, eine vollständige Antwort unten.
    • Sie haben Recht, die Antwort bearbeitet.
    InformationsquelleAutor Wahtever
  2. 2

    müssen Sie zum entfernen der inline-code, weil es ausgeführt wird, bevor die event Handler.

    Halten Sie das HTML für persenation nur, um die Logik und JavaScript innerhalb der <script>tag und in einer .JS-Datei ist sogar noch besser.

    Feste JSFiddle

    JQuery

    $(document).ready(function() {
    $('input#additionalsearch').focus(function() {
        if (this.value === 'Search Within') {
            $(this).css('color', '#000000').val('');
        }
    });
    $('input#additionalsearch').blur(function() {
        if (this.value === '') {
            $(this).css('color', 'red').val('Search Within');
        }
    });
});

    HTML

    <input id="additionalsearch" type="text" value="Search Within" />
    InformationsquelleAutor gdoron
  3. 0

    Führen Sie den code durch Firebug und sehen, was die css-Eigenschaften/Attribute sind. Inline überschreiben sollten, javascript Attribut-Einstellungen/css-styling-Attribute, es sei denn, Sie verwenden den Wichtig! Attribut.

    InformationsquelleAutor nycvibe
  4. 0

    Meine beste Vermutung ist, dass die inline-Funktionen ausgeführt werden ersten, so dass, wenn das Feld leer ist, und klicken Sie auf aus, es ist etwas mit der inline-Funktion. Also nicht gleich, was passiert, wenn die jquery onblur aufgerufen wird, wird das Feld immer den text, der in ihm (denn auch wenn es das nicht tut und das onblur aufgerufen wird die inline-Funktion fügt text vor dem jquery läuft).

    Können Sie erläutern, auf was soll passieren? Vielleicht kann ich helfen.

    • Im Grunde auf die blur wenn es nichts gibt in das Feld den text ändern sollte und die Farbe des Textes ändern sollte. Auf der focus wenn es nichts gibt in das Feld den text ändern sollte und die Farbe des Textes ändern sollte.
    • Also, wenn Sie klicken, ohne text hinzuzufügen, es sollte wieder die Anzeige der 'Suche in' sein, aber eine andere Farbe?
    • Ja 12 mehr zu gehen...
    • Eine sauberere version: jsfiddle.net/7P5J8/3
    InformationsquelleAutor Ben
Schreibe einen Kommentar