jQuery 捕获内联 onclick 并添加回调

Question

我以前从未见过有人这样做，所以我想我应该把它扔掉。

我有一个遗留页面，每个单选按钮列表上都有一个内联 onclick 事件：

onclick="handleService(document.forms.ContactForm,5,16,5,0,0);" 

此代码执行 AJAX 调用以获取其他 HTML，然后根据单击的单选按钮附加其他表单元素。这个handleService函数包含在一个远程Javascript文件中，我无法在本地编辑或复制该文件，因为它是动态生成的并且可以更改。

我想知道是否可以使用 jQuery（或其他方式）捕获此 onclick 事件，然后以某种方式向其添加回调函数。

每次单击单选按钮时，我试图使两个表格列具有相同的高度。添加附加表单元素会导致其中一列的大小增大/缩小。我尝试在 onclick 中调用 handleService 之后直接添加函数来修复高度，但在添加其他表单元素之前高度就被修复了，大概是因为 AJAX 调用在我调用修复高度之前尚未完成（因此需要回调）。

更新 这是我对 ajaxComplete 的调用（也是像 ajaxSucess 这样的全局函数）：

$('.gq_steps').ajaxComplete(function(e, xhr, settings) {
    alert('here');
    if (settings.url == 'geoquote_services.php') {
        $('#first_col').height($('#third_col').height());
    }
});

handleService 没有使用 jQuery，但这应该不重要，对吧？无论如何，ajaxSucess/ajaxComplete 应该获取所有 ajax 请求。我什至尝试将其简化为以下代码，但仍然没有被调用。

$(document).ajaxComplete(function() {
    console.log('here'); 
});

我把它放在 $(document).ready(...) 调用中。不应该吗？

Answer 1

听起来您可能对 jQuery 的 ajaxSuccess() 事件处理程序感兴趣。

由于您希望代码在请求完成后运行，并且您似乎无法访问其他文件以在其中添加回调，因此您可以使用绑定侦听器的严厉方法到ajaxSuccess，然后运行你的高度修复。

像这样的东西：
$('.your-columns').ajaxSuccess(函数(e,xhr,设置){
// 测试一下这是否是我们的函数
// 然后修复高度。
});

请注意，ajaxSuccess 将在每个 Ajax 调用上运行，无论发生了什么，这是相当严厉的，您肯定需要进行测试以确保您正在使用正确的响应并需要使用您的代码。由于 HTML 正在回归，您始终可以测试 $(xhr.responseText) 中是否存在某些元素或类似的内容。