Question

好的..这是我尝试执行一个函数，而不是从标签中调用它。事情是......它不起作用..记住你我仍然对所有这些 sigh感到新鲜

        <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();
    }
});

现在，我正在尝试在输入时添加输入中输入值为“name”的新行。并且它不起作用：\ ..顺便说一下，在这个例子中我正在使用DataTables ......

Answer 1

它对我有用：

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

尝试将fnClickAddRow()和$('#name').on('keyup'置于$(document).ready内，并检查浏览器控制台是否存在任何错误。

在输入键上执行jquery函数

1 个答案: