jQuery nyromodal + ASP.Net + Update / AJAX - endShowContent funktioniert nicht, flackert, verliert Fokus

Question

Ich bin mit der jQuery-Plugin nyroModal in ASP.Net. Ich liebe nyroModal, und insgesamt seine Arbeit sehr gut.

Aber ich bin mit dem endShowContent Rückruf Fokus auf das erste Texteingabeelement auf den Inhalt der Seite zu setzen, nachdem nyromodal Laden beendet ist. Um dies zu erreichen Ich habe den folgenden Code auf der Seite, die das nyromodal Popup einleitet.

$ (function () {         $ .Fn.nyroModal.settings.endShowContent = function (elt, Einstellungen) {$ ( 'input: Text: erste', elt.content) .focus (); };     });

Ich kann seine Art zu arbeiten, sagen, weil das erste Textfeld für einen Moment Fokus bekommt, wenn die modale erscheint. Aber dann flackert es eine Art und verliert wieder konzentrieren. Es ist fast, als ob nyromodal es entscheidet noch nicht vollständig geladen ist, und etwas anderes passiert, wieder weg, den Fokus zu nehmen. Oder vielleicht ist die Update stören? (Ich weiß nicht, warum es würde). Ist es wahrscheinlich, dass die aufgeblähten des Update automatisch generierte AJAX JS Anrufe endShowContent Anruf geschieht etwas nach nyromodal das tun?

Jede Hilfe oder Einsicht geschätzt.

Answer 1

Ich habe versucht, das Problem hier neu zu erstellen: http://jsbin.com/igibo

Ich kann das Problem nicht duplizieren, so vermute ich, es ist etwas anderes in Ihrem Code, der das Problem verursacht.

Versuchen Sie, die Erholung der Bearbeitung über http://jsbin.com/igibo/edit die duplizieren Problem, dann können wir es von dort lösen.

P. S. Obwohl es toll, dass Sie Ihr Problem sind die Verfeinerung, aktualisieren Sie bitte die Frage statt mehr Informationen in neue Antworten hinzufügen. (Sie sind technisch nicht Antworten)

Answer 2

Haben Sie versucht, Ihren Code Einwickeln in

$(document).ready(function() { // put all your jQuery goodness in here. });

JQuery Dokument Bereit Tutorial

Es ist möglich, der dom noch nicht vollständig geladen ist.

Answer 3

Danke brianpeiris! Sie werden es nicht glauben, ich fühle mich krank.

Ich habe den Code aus diesem jsbin und kopiere lokal es, so hatte ich Ihren Beispielcode Seite an Seite mit meiner eigenen Testseite. In meiner Testseite, war ich mit einem paar alten Art und Weise eine nyromodal der Einleitung, das war:

<a href="modal.html" target="_blank" class="nyroModal">Launch modal</a>

Ich habe diesen Code alle über das Internet in den Beispielen und so weiter. Aber es scheint, muss es einige alte / vertrackt / superceded Weg sein, ein Modell Popup mit nyromodal starten!

ich einfach, dass ein normal / sauber Hyperlink gemacht und entfernt die Klasse und Ziel Müll, verwendet dann die gleiche Art, die Sie mir geschickt haben:

$('a').nyroModal();

Nun sind alle meine Probleme verschwunden sind. Dies wurde behoben alles! :) Auch die Animation der Fensteröffnung ist viel glatter.

Vielen Dank. Ich habe Dokumentation ein bisschen inkonsequent für dieses Plugin gefunden. Sie hat mir geholfen, in die richtige Richtung zu weisen. Mit dieser Art und Weise, der Fokus funktioniert perfekt und reibungslos als auch.

Prost