jQuery nyroModal + ASP.Net + UpdatePanel / AJAX - endShowContent ne fonctionne pas, scintille, perd le focus

Question

J'utilise le plugin jQuery nyroModal au sein ASP.Net. J'adore nyroModal, et dans l'ensemble de son travail très bien.

Mais j'utilise le rappel de endShowContent pour définir le focus sur le premier élément d'entrée de texte sur le contenu de la page après nyroModal chargement terminé. Pour ce faire je le code suivant sur la page qui initie la nyroModal pop-up.

$ (function () {         $ .Fn.nyroModal.settings.endShowContent = function (CLNA, paramètres) {$ ( 'entrée: texte: d'abord', elt.content) .focus (); };     });

Je peux dire ce genre de travail, parce que le premier champ de texte ne se momentanément mise au point lorsque le modal apparaît. Mais il vacille et perd genre de mise au point. Il est presque comme si nyroModal décide qu'il est toujours pas complètement chargé et il arrive quelque chose d'autre pour prendre le focus loin. Ou est peut-être les UpdatePanel interférant? (Je ne sais pas pourquoi il). Est-il probable que les appels JS AJAX générées automatiquement pléthorique de UpdatePanels font quelque chose après l'appel de endShowContent nyroModal arrive?

Toute aide ou aperçu apprécié.

Answer 1

J'ai essayé de recréer ici le problème: http://jsbin.com/igibo

Je ne peux pas reproduire le problème, donc je suppose qu'il ya quelque chose d'autre dans votre code qui est l'origine du problème.

Essayez d'éditer la recréation via http://jsbin.com/igibo/edit pour dupliquer le problème, alors nous pouvons le résoudre à partir de là.

P.S. Bien qu'il soit grand que vous affinant votre problème, s'il vous plaît mettre à jour la question au lieu d'ajouter plus d'informations dans de nouvelles réponses. (Ils ne sont pas techniquement des réponses)

Answer 2

Avez-vous essayé envelopper votre code dans

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

JQuery Document Pret Tutorial

Il est possible que le dom est pas encore complètement chargée.

Answer 3

Merci brianpeiris! Vous ne croyez pas cela, je me sens malade.

J'obtenu votre code de cette jsbin et copié localement, donc j'eu votre côté exemple de code à côte avec mes propres pages de test. Dans mes pages de test, j'utilisais une vieille façon de lancer un nyroModal, qui était:

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

J'ai trouvé ce code sur tout le web dans les exemples et ainsi de suite. Mais il semble que ce doit être un vieux / chemin dodgy / superceded de lancer un pop-up modèle avec nyroModal!

J'ai simplement fait qu'un lien hypertexte normal / propre et enlevé la classe et les déchets cible, puis utilisé le même style que vous me avez envoyé:

$('a').nyroModal();

Maintenant, tous mes problèmes ont disparu. Cela a tout arrangé! :) En outre l'animation de l'ouverture de la fenêtre est beaucoup plus lisse.

Merci beaucoup. J'ai trouvé des documents un peu incohérent pour ce plug-in. Vous me aidais point dans la bonne direction. L'utilisation de cette façon, la mise au point fonctionne parfaitement et très en douceur ainsi.

Vive