0

Tengo este codigo, donde me marca error en esta linea $('#delete-contrato-select').on("click", function()

function deleteCbContrato(id_tipo_contrato){     
             

        $('#id_tipo_contratoDelete').val(id_tipo_contrato );           
        
        $('#myModalDelete').on('shown.bs.modal', function () {
            $('#myInput').focus()
        });   
}


$('#delete-contrato-select').on("click", function(){

var r=$('#id_tipo_contratoDelete').val();

var parametros = {
                "r_delete" : r
        };
        $.ajax({
                data:  parametros,
                url:   'includes/funciones_catalogos.php',
                type:  'post',
                beforeSend: function () {
                        
                },
                success:  function (response) {
location.reload();
                }
        });
 });

1
  • Necesitas que el import de jquery esté arriba de tu script, muy probablemente lo tengas abajo, revisa si lo tienes de esa forma y de ser así, cámbialos de orden
    – Sr1871
    Commented el 24 oct. 2018 a las 19:25

2 respuestas 2

0

Estás utilizando $ que usualmente es la variable global que jQuery fija cuando lo cargas, por ejemplo, usando:

<html>
   <head>
      <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
      <script>
         ... tus funciones // supongamos que esto es el script de tu pregunta
      <script>
   </head>
   <body>
      ... shake your body ...
   </body>
</html>

Si no tienes $ en el ámbito global, tu script va a tirar ese error.

Supongamos por ejemplo que tienes el siguiente código

var ManipulaDOM = function() {
      this.borraElemento = function(selector) {
          $(selector).remove();
      };
};

eso no tira ningún error. Pero si haces:

var manipulador = new ManipulaDOM();

manipulador.borraElemento('#mi_div');

El intérprete de javascript va a invocar borraElemento. Adentro se encuentra con $ que no está definida dentro de borraElemento. Sigue buscándola subiendo en el Stack. Pero tampoco está definida en ManipulaDOM. Sigue subiendo por el stack hasta que llega al ámbito global, y si resulta que window.$ no está definido, entonces arroja ese error.

Pese a que la mayoría de los sitios web que usan jQuery lo ponen en el <head> del documento, también es posible ponerlo al final del <body> (por todas esas buenas prácticas que explican que los scripts son bloqueantes y demoran la carga del DOM). Tú podrías hacer:

<body>
    <div id="mi_div">hola</div>
    <script>
        var ManipulaDOM = function() {
              this.borraElemento = function(selector) {
                  $(selector).remove();
              };
        };
    </script>
    <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
    <script>
        var manipulador = new ManipulaDOM();

        manipulador.borraElemento('#mi_div');
    </script>
</body>

Y eso no arrojaría error, porque cuando declaras lo primero, todavía no ocupas $ y cuando lo invocas, a esa altura $ ya está en el ámbito global.

Raya para la suma: asegúrate de que jQuery se ha cargado antes de usar funciones que usan $. Y si esas funciones manipulan el DOM, también asegúrate de envolver todo el bloque en $(document).ready(function() { ... }); o cualquiera de sus variantes.

1
  • Muchas gracias, ya lo pude solucionar solo lo agrege en el codigo donde tenia '#delete-contrato-select'
    – Tallulah
    Commented el 25 oct. 2018 a las 16:56
0

Creo que estás ejecutando la linea "$('#delete-contrato-select')...." antes de que se cargue jQuery. Para evitarlo deberías ejecutar esa linea luego de cargarse jQuery, por ejemplo, así:

function deleteCbContrato(id_tipo_contrato) {
    $('#id_tipo_contratoDelete').val(id_tipo_contrato);
    $('#myModalDelete').on('shown.bs.modal', function () {
        $('#myInput').focus()
    });
}

$(function () {
    $('#delete-contrato-select').on("click", function () {
        var r = $('#id_tipo_contratoDelete').val();
        var parametros = {
            "r_delete": r
        };
        $.ajax({
            data: parametros,
            url: 'includes/funciones_catalogos.php',
            type: 'post',
            beforeSend: function () {

            },
            success: function (response) {
                location.reload();
            }
        });
    });
});

Suerte!

2
  • Muchas gracias, ya lo pude solucionar solo lo agrege en el codigo donde tenia '#delete-contrato-select'
    – Tallulah
    Commented el 25 oct. 2018 a las 16:55
  • Genial, me alegro. Si la respuesta te sirvió por favor márcala para que pueda servirle a otros. Saludos. Commented el 25 oct. 2018 a las 17:04

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.