Kann nicht konzentrieren, Eingabefeld, in das DOM geladen mit ajax-call

Habe ich verrückt gegangen, um herauszufinden, wie diese Arbeit zu machen. Code sieht in etwa wie:

function onDropDownChanged() {
  $("#updatePanel").load(
    "myUrl",
    { id: $("#myDropDown option:selected").val() },
    onPanelLoaded
  );
}
function onPanelLoaded() {
  $("#theTextInput").focus();
}
$(document).ready(function() {
  $("#myDropDown").change(onDropDownChanged);
}

Ersten mal den ändern-handler ausgelöst wird, macht es den ajax-update, und das Textfeld fokussiert ist.

Jedoch auf spätere änderungen, es weiterhin zu tun, die ajax-update, aber das Textfeld ist noch nie konzentrierte sich wieder.

Fand ich, dass, wenn in onDropDownChanged ich Hinzugefügt $("#updatePanel").empty() vor dem ajax-Aufruf, wird das Textfeld würden immer konzentriert. Das problem mit diesem ist die gesamte form verschwindet für eine Sekunde, wodurch eine hässliche flash. Angesichts ajax soll, um Dinge wie diese schön, es ist nicht ein workaround, den ich nutzen möchte.

  • Könntest du posten das bisschen HTML, das Sie die Schauspielerei auf, als auch, was HTML geladen wird, die durch den ajax-call?
InformationsquelleAutor jessicah | 2009-04-20
  1. 6

    Es scheint, wie es funktionieren sollte, aber ich Frage mich, ob der DOM nicht mehr aktualisiert, von der Zeit der Rückruf aufgerufen wird. Möchten Sie vielleicht, um zu sehen, ob die Einführung einer Verzögerung hilft.

    function onPanelLoaded() {
     setTimeout( function() { $("#theTextInput").focus(); }, 500 );
}

    Einschließlich des HTML auf die Seite und was zurückgegeben wird, über die load () - wäre hilfreich, wenn diese nicht funktioniert.

    • Das war meine Vermutung auch... es ist zwar nicht das, was in der Dokumentation. Sehen Sie den HTML würde sicherlich helfen, Sortieren Sie aus.
    • Einstellung einer Verzögerung sollte die Arbeit, auch wenn die Verzögerung auf 0 ist. Manchmal alles, was benötigt wird ist "verschieben" der Aufruf, so dass der Inhalt eingefügt über innerHTML steht der DOM.
    InformationsquelleAutor tvanfosson
  2. 4

    Ich hatte ein ähnliches problem mit IE6 und IE7, aber setTimeout() war nicht eine zuverlässige Lösung. Manchmal funktionierte es, manchmal nicht. Es hat nicht funktioniert auf einigen Maschinen, und die 500ms Wert wurde völlig willkürlich sowieso. Die focus() Funktion gearbeitet genau wie erwartet ohne timeout in Firefox und Chrome, natürlich.

    War meine Lösung zu nennen focus() zweimal für IE:

    function onPanelLoaded() {
    var panel = $('#theTextInput');
    panel.focus();
    panel.focus();
}

    Nun DAS getan, was ich bestimmt in den ersten Platz.

    • dies funktioniert wirklich für mich.. danke bro
    • Mann, Sie machte meinen Tag 😀
    InformationsquelleAutor Chris
Schreibe einen Kommentar