使用文檔就緒，無法識別onClick（）JavaScript函數，ReferenceError：函數未定義

Question

我讀過所有其他情況，但沒有運氣。 我正在做自己的Jquery網格。 我試圖在單擊保存按鈕時觸發一個函數（其他jquery函數正在工作）.....在這里，我包括了javascript文件“ newsletter.js” ... jquery和bootstrap文件是由beign加載的該模塊在php symfony 1.4上的配置文件...

<body><div class="col-lg-7 col-lg-7-bc">


    <h3 style="font-size:20px"> JURISPRUDENCIA</h3>

    <p>

        </br>

    </p>

       <div class="col-xs-6 col-sm-4 item ico "><a id="newsletters" target="_blank">Newsletters |</a></div>

       <div class="col-xs-6 col-sm-4 item ico "><a  id="fallos" target="_blank">Navegar |</a></div>

       <div class="col-xs-6 col-sm-4 item ico"><a id="cuadernos_mpd" target="_blank">Cuadernos del MPD</a></div>


       <div id="grilla"></div>




</div>

<?php use_javascript("jurisprudencia/newsletter.js");
     use_javascript("jurisprudencia/funciones_grilla.js");
?>

這是我的.js文件：

$(document).ready(function(){   

    //API methods newsletters
    //guardar

    function guardarNewsletter(id){

        alert(id);

        /*$("#fieldset_"+id).show();
        $("#fieldset_hidden_"+id).hide();



             $.ajax({
                  url:"/newsletter/guardarNewsletter", 
                  data: newsletter.serialize(), 
                  success:function(data) {
                     alert("Row Guardada"); 
                  }
               });*/

    }


    $("#newsletters").click(function(){
        $.getJSON("/newsletter/getNewsletters", function(result){

            var grid="<br><table id='newsletter_grid'>";
            grid+="<thead><tr><th></th><th>Año</th><th>Mes</th><th>Quincena</th><th></th><th></th><th>Publicado</th></tr></thead>";

             grid+="<tr><td><button id='agregar_button'>Nuevo</button></td></tr>";

             grid+="<tr id='nuevo_field' style='display:none'>";

             grid+=crearNuevaRow();

             grid+="</tr>";



            $.each(result, function(i, elem){

                //show view fieldset, son los campos que se muestran para visualizar los datos

                grid+="<tr id='fieldset_"+elem.id+"'>";

                grid+=mostrarElementosViewMode(elem);               

                grid+="</tr>";


                //hidden field

                grid+="<tr id='fieldset_hidden_"+elem.id+"' style='display:none'>";

                grid+=crearRowHidden(elem);

                grid+="</tr>";


            });

            grid+="</table>";

            $("#grilla").html(grid);


        });




    }); 

    //crea los elementos editables con el value de su correspondiente existente en modo View o se usa para crear un elemento nuevo

    function crearRowHidden(elem){

        var nuevoHiddenFieldSet="";

        nuevoHiddenFieldSet+="<td><input type='hidden' value='"+elem.id+"'></td>";

        nuevoHiddenFieldSet+="<td><input name='anio' value='"+elem.anio+"'/></td>";

        nuevoHiddenFieldSet+="<td><input name='anio' value='"+elem.mes+"'/></td>";

        nuevoHiddenFieldSet+="<td><input name='quincena' value='"+elem.quincena+"'/></td>";

        nuevoHiddenFieldSet+="<td><button value='Guardar' name='guardar_newsletter' id='guardar_newsletter_"+elem.id+"' onclick='guardarNewsletter("+elem.id+")'>Guardar</td>";

        nuevoHiddenFieldSet+="<td></td>";

        if(elem.publicado==1){
            nuevoHiddenFieldSet+="<td><input type='checkbox' id='publicado_"+elem.id+"' name='publicado' checked='checked'></td>";
        }else{
            nuevoHiddenFieldSet+="<td><input type='checkbox' id='publicado_"+elem.id+"' name='publicado'></td>";
        }
        return nuevoHiddenFieldSet;

    }

    function crearNuevaRow(){

        var nuevaRow="";

        nuevaRow+="<td><input type='hidden' value=''></td>";

        nuevaRow+="<td><input name='anio' value=''/></td>";

        nuevaRow+="<td><input name='anio' value=''/></td>";

        nuevaRow+="<td><input name='quincena' value=''/></td>";
    //ver que ponerle en id
        nuevaRow+="<td><button value='Guardar' name='guardar_newstletter' id=''>Guardar</td>";

        nuevaRow+="<td></td>";
        //ver que ponerle en id
        nuevaRow+="<td><input type='checkbox' id='' name='publicado'></td>";

        return nuevaRow;

    }

    //muestra los elementos del listado que se trae de la base de datos

    function mostrarElementosViewMode(elem){

        var elemento;

        elemento+="<td><input type='hidden' value='"+elem.id+"'></td>";

        elemento+="<td>"+elem.anio+"</td>";

        elemento+="<td>"+elem.mes+"</td>";

        elemento+="<td>"+elem.quincena+"</td>";

        elemento+="<td><button id='editar_"+elem.id+"' value='Editar' onclick='muestraEditarFields(\""+elem.id+"\")'>Editar</td>";

        elemento+="<td><button id='eliminar_newsletter_"+elem.id+"' value='Eliminar'>Eliminar</td>";

        if(elem.publicado == 1){
            elemento+="<td><input type='checkbox' id='publicado_"+elem.id+"' name='publicado' checked='checked'></td>";
        } else {
            elemento+="<td><input type='checkbox' id='publicado_"+elem.id+"' name='publicado'></td>";
        }

        return elemento;

    }

});

這是無效的部分：

nuevoHiddenFieldSet+="<td><button value='Guardar' name='guardar_newsletter' id='guardar_newsletter_"+elem.id+"' onclick='guardarNewsletter("+elem.id+")'>Guardar</td>";

我嘗試使用Jquery click事件，但單擊按鈕時出現了相同的錯誤，而不是應該顯示的警報：

ReferenceError: guardarNewsletter is not defined


<!DOCTYPE html>

這個網格上的編輯按鈕正在工作，所以我不知道為什么Jquery無法識別我的功能。 我讀過這可能是函數被初始化時的計時問題，但在這種情況下我不確定。 基本上，我要做的是從數據庫中獲取行，並創建一個用於可視化的行和一個隱藏以進行編輯的行，顯示了編輯字段，但是當我要保存該錯誤時，出現了該行。 對此有什么看法嗎？ 非常感謝你

Answer 1

您的代碼正在定義函數，但在全局函數中不可用

function guardarNewsletter(id){

    alert(id);

    /*$("#fieldset_"+id).show();
    $("#fieldset_hidden_"+id).hide();



         $.ajax({
              url:"/newsletter/guardarNewsletter", 
              data: newsletter.serialize(), 
              success:function(data) {
                 alert("Row Guardada"); 
              }
           });*/

}
$(document).ready(function(){   

//API methods newsletters
//guardar


$("#newsletters").click(function(){
    $.getJSON("/newsletter/getNewsletters", function(result){

        var grid="<br><table id='newsletter_grid'>";
        grid+="<thead><tr><th></th><th>Año</th><th>Mes</th><th>Quincena</th><th></th><th></th><th>Publicado</th></tr></thead>";

         grid+="<tr><td><button id='agregar_button'>Nuevo</button></td></tr>";

         grid+="<tr id='nuevo_field' style='display:none'>";

         grid+=crearNuevaRow();

         grid+="</tr>";



        $.each(result, function(i, elem){

            //show view fieldset, son los campos que se muestran para visualizar los datos

            grid+="<tr id='fieldset_"+elem.id+"'>";

            grid+=mostrarElementosViewMode(elem);               

            grid+="</tr>";


            //hidden field

            grid+="<tr id='fieldset_hidden_"+elem.id+"' style='display:none'>";

            grid+=crearRowHidden(elem);

            grid+="</tr>";


        });

        grid+="</table>";

        $("#grilla").html(grid);


    });




}); 

//crea los elementos editables con el value de su correspondiente existente en modo View o se usa para crear un elemento nuevo

function crearRowHidden(elem){

    var nuevoHiddenFieldSet="";

    nuevoHiddenFieldSet+="<td><input type='hidden' value='"+elem.id+"'></td>";

    nuevoHiddenFieldSet+="<td><input name='anio' value='"+elem.anio+"'/></td>";

    nuevoHiddenFieldSet+="<td><input name='anio' value='"+elem.mes+"'/></td>";

    nuevoHiddenFieldSet+="<td><input name='quincena' value='"+elem.quincena+"'/></td>";

    nuevoHiddenFieldSet+="<td><button value='Guardar' name='guardar_newsletter' id='guardar_newsletter_"+elem.id+"' onclick='guardarNewsletter("+elem.id+")'>Guardar</td>";

    nuevoHiddenFieldSet+="<td></td>";

    if(elem.publicado==1){
        nuevoHiddenFieldSet+="<td><input type='checkbox' id='publicado_"+elem.id+"' name='publicado' checked='checked'></td>";
    }else{
        nuevoHiddenFieldSet+="<td><input type='checkbox' id='publicado_"+elem.id+"' name='publicado'></td>";
    }
    return nuevoHiddenFieldSet;

}

function crearNuevaRow(){

    var nuevaRow="";

    nuevaRow+="<td><input type='hidden' value=''></td>";

    nuevaRow+="<td><input name='anio' value=''/></td>";

    nuevaRow+="<td><input name='anio' value=''/></td>";

    nuevaRow+="<td><input name='quincena' value=''/></td>";
//ver que ponerle en id
    nuevaRow+="<td><button value='Guardar' name='guardar_newstletter' id=''>Guardar</td>";

    nuevaRow+="<td></td>";
    //ver que ponerle en id
    nuevaRow+="<td><input type='checkbox' id='' name='publicado'></td>";

    return nuevaRow;

}

//muestra los elementos del listado que se trae de la base de datos

function mostrarElementosViewMode(elem){

    var elemento;

    elemento+="<td><input type='hidden' value='"+elem.id+"'></td>";

    elemento+="<td>"+elem.anio+"</td>";

    elemento+="<td>"+elem.mes+"</td>";

    elemento+="<td>"+elem.quincena+"</td>";

    elemento+="<td><button id='editar_"+elem.id+"' value='Editar' onclick='muestraEditarFields(\""+elem.id+"\")'>Editar</td>";

    elemento+="<td><button id='eliminar_newsletter_"+elem.id+"' value='Eliminar'>Eliminar</td>";

    if(elem.publicado == 1){
        elemento+="<td><input type='checkbox' id='publicado_"+elem.id+"' name='publicado' checked='checked'></td>";
    } else {
        elemento+="<td><input type='checkbox' id='publicado_"+elem.id+"' name='publicado'></td>";
    }

    return elemento;

}

}）;

使用文檔就緒，無法識別onClick（）JavaScript函數，ReferenceError：函數未定義

問題描述

1 個解決方案

解決方案1
2 已采納 2016-05-04 19:55:27

使用文檔就緒，無法識別onClick（）JavaScript函數，ReferenceError：函數未定義

問題描述

1 個解決方案

解決方案1 2 已采納 2016-05-04 19:55:27

解決方案1
2 已采納 2016-05-04 19:55:27