Javascript 使用innerHtml呈现html表时，停止Jquery以自动触发onclick事件

如何在html使用按钮呈现html表时阻止Jquery触发onclick事件。 这些按钮需要存在，inturns出于刷新原因调用后端API。 单击刷新按钮时，需要手动触发刷新用户（）

jqueryfile.js

 $(document).ready(function () {
    refreshUser = function (userId) {
        $.ajax({
            url: "/services/svcCall/refreshUserDetails",
            type: 'POST',
            data: {format: 'json', userId: userId},
            success: function (response) {
                $('#userDetails-result').html("Refreshed completed.");
            },
            error: function () {
                $('#userDetails-result').html("<p>There was an error processing your request. Please try again.</p>");
            }
        });
    };
    $('#userDetails-search').click(function () {
        $('#userDetails-search').html("Fetching ...");
        $.ajax({
            url: "/services/svcCall/allUserDetails",
            type: 'POST',
            data: {format: 'json'},
            success: function (response) {
                var length = response.length;
                var outerString = '<br><br><table border = 2>';
                outerString += "<tr><td> UserDetails size present: " + length + "</td></tr>";
                var innerString = '<tr><td><table border = 1>';
                for (var i = 0; i < length; i++) {
                    innerString += "<tr>"
                        + "<td> JSON:" + JSON.stringify(response[i]) + "</td>"
                        + "<td> <input type=\"button\" onclick=\"" + refreshUser(response[i].userId) + "\" value=\" Refresh \"> </td></tr>";
                }
                innerString += "</table></td></tr>";
                outerString = outerString + innerString + "</table>";
                $('#userDetails-search').html(outerString);
            },
            error: function () {
                $('#userDetails-search').html("<p>There was an error processing your request. Please try again.</p>");
            }

        });
    });
});

$（文档）.ready（函数（）{
refreshUser=函数（用户ID）{
$.ajax({
url:“/services/svcCall/refreshUserDetails”，
键入：“POST”，
数据：{format:'json'，userId:userId}，
成功：功能（响应）{
$（'#userDetails result'）.html（“刷新完成”）；
},
错误：函数（）{
$（'#userDetails result'）.html（“处理您的请求时出错。请重试。
”；
}
});
};
$（“#用户详细信息搜索”）。单击（函数（）{
$（'#userDetails search'）.html（“获取…”）；
$.ajax({
url:“/services/svcCall/allUserDetails”，
键入：“POST”，
数据：{格式：'json'}，
成功：功能（响应）{
变量长度=响应长度；
var outerString='

'；
outerString+=“当前用户详细信息大小：“+length+”；
var innerString=''；
对于（变量i=0；i”；
}
});
});
});

HTML文件

<table>
    <tr><td><button id="userDetails-search">Find me all User Details</button></td></tr>

    <tr><td><section id="userDetails-search"> </section></td>
        <td><section id="userDetails-result"></section></td></tr>
</table>

查找所有用户详细信息

您的onclick应该将refreshUser放在字符串中

 onclick=\"refreshUser(" +response[i].userId + ")\"

---

在click函数中传递事件参数并检查

事件的值。target

可能未定义，如

$（“#userDetails search”）。单击（函数（e）{如果（e.target==未定义）返回；

，我正在使用移动设备，因此无法测试和回答，请调试target的值，您可以区分事件。