0

好的..这是我尝试执行一个函数而不是从标签中调用它..事情是..它不工作..请注意,我对所有这些叹息仍然很新鲜

        <div class="widget first">
                <div class="head"><h5 class="iFrames">Static table</h5></div>
            <table id="example" cellpadding="0" cellspacing="0" width="100%" class="tableStatic">
                <thead>
                        <tr>
                        <td width="20%">Column 1</td>
                        <td width="20%">Column 2</td>
                        <td width="20%">Column 3</td>
                        <td width="20%">Column 4</td>
                        <td width="20%">Column 5</td>
                    </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>

<input type="text" name="name" id="name" />

脚本会:

/* Global var for counter */
var giCount = 1;

$(document).ready(function() {
   $('#example').dataTable();
} );

function fnClickAddRow() {
    $('#example').dataTable().fnAddData( [
        $("#name").val(),
        giCount+".2",
        giCount+".3",
        giCount+".4",
        giCount+".5" ] );
     $("#name").val('').focus();
    giCount++;
}

$('#name').on('keyup', function(e) {
    var code = (e.keyCode ? e.keyCode : e.which);
    if (code == 13) {
       fnClickAddRow();
    }
});

现在,我正在尝试在输入时添加具有“名称”值的新行。而且它不起作用:\ ..顺便说一下,在这个例子中我使用的是DataTables ...

4

1 回答 1

3

这个对我有用:

http://jsfiddle.net/eCrJc/1/

尝试放入并fnClickAddRow()检查浏览器控制台是否有任何 javascript 错误。$('#name').on('keyup'$(document).ready

于 2012-08-02T00:18:48.163 回答