modal de bootstrap me sale error al cerrarlo

[cartau07]

Hola buenas tarde la presente es para preguntar sobre una pequeña inquietud tengo un modal donde ingreso dato y registro en mysql mi problema es que cuando cierro la ventana del modal mi ventana principal queda tildada en gris y no me deja seguir trabajando hee buscando y he hecho de todo y nada dejo mi codigo para que me digan que error tengo

Código HTML:

<button class="btn btn-primary"  id="nuevaSolicitud" data-toggle="modal" data-target="#nuevaSolicitud"> Crear Solicitud</button>
    <div id="registrarDatos" class="modal fade"  role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title" id="myModalLabel">Formulario</h4>
                </div>
          
            <form id="formulario" class="formulario" onsubmit="return agregaRegistro();">
            <div class="modal-body">
            <table border="0" width="100%">
                     <tr>
                        <td colspan="2"><input type="text" required="required" readonly="readonly" id="id-prod" name="id-prod" readonly="readonly" style="visibility:hidden; height:5px;"/></td>
                    </tr>
                     <tr>
                        <td width="150">Nombre de Solicitante: </td>
                        <td><input type="text" required="required"  id="Nombre" name="Nombre"/></td>
                    </tr>
                    
                    <tr>
                        <td>Tipo de Solicitud: </td>
                        <td><select required="required" name="tipo" id="tipo">
                                <option>Certificado</option>
                                <option>Carta</option>
                                <option></option>
                                <option>Otros</option>
                            </select></td>
                    </tr>
                    <tr>
                        <td>Observaciones: </td>
                        <td><textarea required="required" name="observaciones" id="observaciones"></textarea></td>
                    </tr>
                    <tr>
                        <td>Fecha de Solicitud: </td>
                        <td><input type="date"  required="required" name="Fecha" id="Fecha"/></td>
                    </tr>
                    <tr>
                        <td colspan="2">
                            <div id="mensaje"></div>
                        </td>
                    </tr>
                </table>
            </div>
            
            <div class="modal-footer">
                <input type="submit" value="Registrar" class="btn btn-success" id="reg"/>
                <input type="submit" value="Editar" class="btn btn-warning"  id="edi"/>
            </div>
            </form>
          </div>
        </div>
      </div> 

[xfxstudios]

eso que dejaste no dice nada a simple vista, verifica en la consola de tu navegador que error esta marcando y alli podrás resolver o al menos indicarnos el error

[cartau07]

es que ese es el problema no me sale error se queda tildada en el fondo gris y no me deja hacer nada

[xfxstudios]

revisaste la consola???? F12 alli debe aparecer algo.

Esto: return agregaRegistro(); ????

y el codigo de esa funcion??? muestralo a ver

[cartau07]

Código:

$(document).ready(pagination());
$(function(){
	
	$('#nuevaSolicitud').on('click',function(){
		$('#formulario')[0].reset();
		$('#Nombre').val('Registro');
		$('#reg').hide();
		$('#reg').show();
		$('#reg').fadeIn();
		$('#registrarDatos').modal({
			show:true,
			backdrop:'stactic'
		});
	});

});
function agregaRegistro(){
	var url = 'Modelo/RH/agregar_S.php';
	$.ajax({
		type:'POST',
		url:url,
		data:$('#formulario').serialize(),
		success: function(registro){
			if ($('#Nombre').val() == 'Registro'){
			$('#formulario')[0].reset();
			$('#mensaje').addClass('bien').html('Registro completado con exito').show(200).delay(2500).hide(200);
			$('#agregaDatos').html(registro);
			return false;
			}else{
			$('#mensaje').addClass('bien').html('Edicion completada con exito').show(200).delay(2500).hide(200);
			$('#agregaDatos').html(registro);
			return false;
			}
		}
	});
	return false;
}	

function agregaRegistro(){
	var url = 'Modelo/RH/agregar_S.php';
	$.ajax({
		type:'POST',
		url:url,
		data:$('#formulario').serialize(),
		success: function(registro){
			if ($('#Nombre').val() == 'Registro'){
			$('#formulario')[0].reset();
			$('#mensaje').addClass('bien').html('Registro completado con exito').show(200).delay(2500).hide(200);
			$('#agregaDatos').html(registro);
			return false;
			}else{
			$('#mensaje').addClass('bien').html('Edicion completada con exito').show(200).delay(2500).hide(200);
			$('#agregaDatos').html(registro);
			return false;
			}
		}
	});
	return false;
}		

function pagination(partida){
	var url = 'Modelo/RH/paginarSolicitud.php';
	$.ajax({
		type:'POST',
		url:url,
		data:''+partida,
		success:function(data){
			var array = eval(data);
			$('#agregaDatos').html(array[0]);
			$('#pagination').html(array[1]);
		}
	});
	return false;
}

ester el js de return y en la consola firefox
SyntaxError: expected expression, got '<'
mijs.js:1:0
ReferenceError: toggle is not defined mijs.js:1:0

[xfxstudios]

bueno ese error creo no tiene nada que ver con el modal, mas bien creo que es el backdrop que activas, quitale esta linea a tu js e intenta de nuevo

Código Javascript:

$(function(){
    
    $('#nuevaSolicitud').on('click',function(){
        $('#formulario')[0].reset();
        $('#Nombre').val('Registro');
        $('#reg').hide();
        $('#reg').show();
        $('#reg').fadeIn();
        $('#registrarDatos').modal({
            show:true,
            backdrop:'stactic'/*ELIMINA ESTA LINEA Y PRUEBA*/
        });
    });
 
});
 

tambien podrias intentar asi a ver cambiando la id por la del boton de cerra tu modal:

Código Javascript:

$("#botonCerrar").on('click', function(){
 
    $('<div class="modal-backdrop"></div>').appendTo(document.body).hide().fadeOut();
 
});
 

[cartau07]

lo hice como me dijiste y sigue saliendo error en esta parte var array = eval(data);
y en la consola dice
SyntaxError: expected expression, got '<'
y lo cambien a al momento de cerrar boton