javascript - jQuery .each 与 ajax 加载内容的用法

Question

我有以下功能，func resizeInputText 工作正常。基本上，当我的应用程序通过 ajax 成功加载数据时，我想调用 resizeAll。

由于内容是在页面加载后拉取的，所以我尝试将我的每个代码包装在 .on 事件中。

它不起作用，有谁知道如何执行此操作或如何使用 ajax 加载的内容调用 .each？

一如既往的感谢!

function resizeInputText(obj) {
var boxWidth = ($(obj).val().length * 7) + 1;
    if (boxWidth <= 30) {
        var boxWidth = 30;
    } else if (boxWidth >= 250) {
        var boxWidth = 250;
    }
$(obj).css({width:boxWidth});
}

function resizeAll() {
$("#right-content").on(function () {
    $("input:text").each(function () {
        resizeInputText(this);
    });
});
}

Answer 1

resizeAll 中的 .on 方法没有为其执行函数的事件。可以看到各种用法on the documentation page ，但基本上您需要告诉它要监听哪个事件，以及在引发该事件时要做什么。 Ajax 广播一些您可以使用 .on 方法绑定(bind)到的事件，在这种情况下，'ajaxSuccess' 可能适合您。

但是，对您来说更好的方法是传入 resizeAll 作为您的 ajax 方法的回调，该方法将在 ajaxCall 成功完成时执行。 jQuery ajax 语法允许您通过包含选项 success: resizeAll 来执行此操作。在这种情况下，您可以将 resizeAll 修改为如下所示:

function resizeAll() {
    $("input:text").each(function () {
        resizeInputText(this);
    });
}