在jquery中添加ajax后，OnClick无法正常工作

在jQuery中添加Ajax后，OnClick无法正常工作的原因可能是由于Ajax请求是异步的，导致在点击事件触发时，Ajax请求还未完成，从而导致点击事件无法正常执行。

为了解决这个问题，可以采取以下几种方法：

使用事件委托：将点击事件绑定到父元素上，然后通过事件冒泡的方式来处理点击事件。这样即使在Ajax请求完成之前，点击事件仍然可以被正确处理。示例代码如下：

$(document).on('click', '#yourButtonId', function() {
    // 处理点击事件的代码
});

在Ajax请求完成后重新绑定点击事件：在Ajax请求的回调函数中重新绑定点击事件，确保点击事件在Ajax请求完成后才会生效。示例代码如下：

$.ajax({
    url: 'yourUrl',
    success: function(response) {
        // 处理Ajax请求成功的逻辑
        // 重新绑定点击事件
        $('#yourButtonId').on('click', function() {
            // 处理点击事件的代码
        });
    }
});

使用deferred对象或Promise对象：在Ajax请求中使用deferred对象或Promise对象来管理异步操作的状态，确保点击事件在Ajax请求完成后才会执行。示例代码如下：

var ajaxRequest = $.ajax({
    url: 'yourUrl'
});

ajaxRequest.done(function(response) {
    // 处理Ajax请求成功的逻辑
});

ajaxRequest.fail(function(jqXHR, textStatus) {
    // 处理Ajax请求失败的逻辑
});

$('#yourButtonId').on('click', function() {
    ajaxRequest.done(function(response) {
        // 处理点击事件的代码
    });
});

以上是解决在jQuery中添加Ajax后OnClick无法正常工作的几种方法，根据具体情况选择合适的方法来解决问题。对于jQuery的Ajax相关知识，可以参考腾讯云的产品介绍文档：jQuery Ajax。