jQuery nyromodal + + ASP.Net UpdatePanel / AJAX - endShowContent que no trabaja, parpadeos, pierde el foco

Question

Estoy utilizando el plugin de jQuery nyroModal dentro de ASP.Net. Me encanta nyroModal, y en general su trabajo muy bien.

Pero yo estoy usando la devolución de llamada endShowContent a establecer el foco en el primer elemento de entrada de texto en el contenido de la página después de nyromodal haya terminado de cargarse. Para lograr esto tengo el siguiente código en la página que inicia el emergente nyromodal.

$ (function () {         $ .Fn.nyroModal.settings.endShowContent = function (ELT, ajustes) {$ ( 'input: Texto: first', elt.content) .focus (); };     });

que puedo decir este tipo de trabajo, ya que el primer campo de texto no llegar un momento cuando aparece el modal. Pero entonces es como que parpadea y pierde el foco de nuevo. Es casi como si nyromodal decide que todavía no se carga completamente y algo más pasa a tener el foco de distancia. O tal vez es el UpdatePanel interferencia? (No sé por qué lo haría). ¿Es probable que hinchados generadas automáticamente las llamadas AJAX JS del UpdatePanel están haciendo algo tras la llamada de endShowContent nyromodal sucede?

Cualquier ayuda o penetración apreciados.

Answer 1

He intentado recrear el problema aquí: http://jsbin.com/igibo

No puedo duplicar el problema, así que supongo que hay algo más en su código que está causando el problema.

Trate de editar la recreación a través de http://jsbin.com/igibo/edit duplicar el problema, entonces podemos resolverlo desde allí.

P.S. A pesar de que es muy bueno que si va a ajustar su problema, por favor, actualice la cuestión en lugar de añadir más información de nuevas respuestas. (No son técnicamente respuestas)

Answer 2

¿Usted ha intentado envolver el código en

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

jQuery Documento listo Tutorial

Es posible el DOM no se carga completamente todavía.

Answer 3

Gracias brianpeiris! No vas a creer esto, me siento enfermo.

Tengo el código de ese jsbin y copiado de forma local, así que tenía su lado código de ejemplo a lado con mis propias páginas de prueba. En mis páginas de prueba, que estaba usando alguna forma antigua de lanzar un nyromodal, que era:

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

He encontrado este código en toda la web en los ejemplos y así sucesivamente. Pero parece que tiene que haber alguna manera de edad / dudosa / reemplazado de poner en marcha un modelo emergente con nyromodal!

Yo simplemente hice un hipervínculo que lo normal / limpio y quitado la clase y orientar la basura, entonces se utiliza el mismo estilo que tú me enviaste:

$('a').nyroModal();

Ahora todos mis problemas se han ido. Esto ha fijado todo! :) También la animación de la abertura de la ventana es mucho más suave.

Muchas gracias. He encontrado una documentación inconsistente bits para este plugin. Usted me ayudó a apuntar en la dirección correcta. Usando esta manera, el enfoque funciona perfectamente y sin problemas también.

Saludos