javascript - 如何防止动态按钮的 onclick 事件在渲染时触发？

Question

我有 jQuery 脚本，它可以通过 onclick() 事件动态添加按钮。 Onclick() 事件只是调用其他一些 JavaScript 函数。 jQuery 工作得很好，因为它动态创建按钮，但 onclick() 事件无需单击即可触发。我将调试警报放入 someFunction 中，并看到它 number_of_created_buttons 次，这意味着 onclick 事件在渲染时触发。如何防止这种奇怪的行为呢？我希望 onClick 事件仅在用户按下按钮时触发。

我的脚本如下:

<script>
    $(document).ready(function() {
        $('#getXmlFiles').click(function() {
            $.get('/getUserDocs', function(responseJson) {
                $("#docsDiv").empty();
                var $table = $('<table>').appendTo($('#docsDiv')).width('100%');
                $.each(responseJson, function(index, item){
                    var $btn = $('<button/>',
                    {
                        text: 'Action',
                        style:'width:100%',
                        click: someFunction(item)
                    });

                    $('<tr>').appendTo($table)
                        .append($('<td>').text(item))
                        .append($('<td>').append($btn));

                });
            });
        });
    });
</script>

Answer 1

将您的点击更改为:

click: function () {
    someFunction(item);
}

<小时/>

这是因为您在点击时立即调用someFunction。您必须为其设置回调。就像上面一样。