Question

我有一个按钮 -

$progress = $this->getHelperSet()->get('progress'); $progress->start($this->getOutput(), 5); $i = 0; while ($i++ < 5) { sleep(1); $progress->advance(); } $progress->finish();

当我点击按钮时，它会调用函数<a onclick="function edit_row()"></a>并在表格中打开一个我可以编辑的新行。

问题在于，每次单击按钮时，都会打开一个新行。我想阻止它。我希望它只打开一行保存行id。

脚本代码：

edit_row

Answer 1

您可以删除此示例中可点击元素的点击事件处理程序。

＆＃13;

$("#button1").click(function(){
    $("table").append("<tr><td>New-1</td><td>New-2</td><td>New-3</td></tr>");
    $(this).unbind("click");
});

＆＃13;

table, tr, td {
    border: 1px solid black;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="#" id="button1">Add row</a>
<table>
    <tr>
        <td>Column-1</td>
        <td>Column-2</td>
        <td>Column-3</td>
    </tr>
    <tr>
        <td>Column-1</td>
        <td>Column-2</td>
        <td>Column-3</td>
    </tr>
</table>

＆＃13;

但是有很多方法可以完成这项工作。例如，您可以将disabled属性添加到可点击元素，如果它是button，您可以将data-*属性或class添加到元素或使用变量来执行此操作。请参阅jsfiddle

中的其他示例

停止onclick javascript函数重复我在表中的行

1 个答案: