JQuery Modal, la necesidad no puede volver a hacer clic y otros problemas, ¿alguna idea?

He devuelto una lista de resultados sin ningún problema.

Cuando hace clic en un elemento de esa lista, el modal se muestra sobre la lista de elementos en los que se puede hacer clic.

Cuando hago clic en el botón de cerrar en la parte superior derecha del modal, se desvanece y luego vuelve a aparecer.

Intenté desactivar el clic en "desactivado" en la lista, pero no tengo forma de volver a activarlo.

Dado que el botón de cerrar también está sobre la lista, sus acciones se pasan por alto inmediatamente por las acciones de "mostrar" de la lista debajo del modal.

Aquí está el código:

// This does the showing
$('ul.property-content li.box-sizing').on('click',function(){

        $(this).find('.property-modal-wrapper').fadeIn("fast");
        $('ul.property-content li.box-sizing').off('click');// this works

});



// This is inside of the modal element that is inside of the element that does the showing
$('.modal .close').on('click',function(){

        $(this).parentsUntil('li.box-sizing').find('.property-modal-wrapper').fadeOut("fast");
        $('ul.property-content li.box-sizing').on('click');// but can't get this to come back on

});

preguntado el 03 de mayo de 12 a las 20:05

¿Puede publicar el HTML en el que está usando esto y cualquier otro script que pueda estar interfiriendo? -

1 Respuestas

Probablemente solo necesite usar .stopPropagation() y no desactivar el controlador de eventos. Prueba esto:

// This does the showing
$('li').on('click', function() {
    $('#modal').fadeIn("slow");
});

// This is inside of the modal element that is inside of the element that does the showing
$('#modal').on('click', function(event) {
    event.stopPropagation();
    $('#modal').fadeOut("slow");
});​

contestado el 03 de mayo de 12 a las 20:05

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.