Tengo un div oculto con mensajes de error específicos a través de mi formulario. Antes de presentar puedo ejecutar un validar rutina para comprobar si todos los campos están llenos de algún texto. Si no, un div con la clase ‘redAlert’ obtiene visible justo por encima del campo de texto. Yo también quiero la ventana de diálogo para desplazarse a la derecha de esta posición cuando los mensajes de error se muestran. Sé que hay unos cuantos plugins disponibles para hacer esto, pero quiero hacerlo mediante simple de Jquery. Estoy tratando de A) Encontrar la primera visible div con la clase redAlert, b) Encontrar su posición llamando al .offset() en este div y, a continuación, c) llamando .scroll() en el objeto de la ventana, pero no estoy recibiendo de este trabajo. Quiero saber si me estoy perdiendo algo completamente o mi sintaxis no es válido (a menudo me he encontrado a mí mismo luchando con error de sintaxis con Jquery). A continuación es mi código.
También – esto sólo se encuentra el visible div (suponiendo que no hay un solo error div en un momento) , puede usted por favor me proporcione el selector para encontrar la primera visible div con una clase en particular.

var errorDiv = $('.redAlert:visible').attr("id");
var scrollPos = $("#"+errorDiv ).offset();
//alert(scrollPosition); //This alert always says 'null', why ?
$(window).scroll(scrollPos);
//Also tried scrollTo();

Muchas gracias de antemano.

InformationsquelleAutor user1006072 | 2012-01-16

2 Comentarios

  1. 1

    Creo que no va a funcionar.

    Mirar el código que he dejado atrás

    $('html, body').animate({
        scrollTop: ($('.error').first().offset().top)
    },500);

Dejar respuesta

Please enter your comment!
Please enter your name here