javascript - jQuery:将所有ready()规则应用于新元素的技巧或最佳实践(不谈论live()或on())

Question

我在 jQuery ready() 函数上有一些标准插件绑定(bind)，可以很好地处理所有新请求。现在，随着我们向应用程序添加越来越多的 ajax，这些新元素将留在初始绑定(bind)后面。

规则示例:

$(function () {
    $('.date').datepicker({ showOn: 'button', buttonImage: "cal.gif" })
               .blur(function (e) {
                   $(this).val(formatFecha($(this).val()));
               })
    $('.ui-datepicker-trigger').attr("tabindex", "-1");
    $(".decimalnumber").numpadDecSeparator({ separator: "," })
                   .numeric(",")
                   .focus(function () { if ($(this).val() == '0,00' || $(this).val() == '0') $(this).val(''); });
    $(".integernumber").numeric().focus(function () { if ($(this).val() == '0') $(this).val(''); });
    $(".spinner").spinner({ min: 0, max: 10000000 });
    $(".jbtn").button();

    .......

我不是谈论绑定(bind)事件的live()函数，因为这不是事件。

因为我认为这相当普遍，所以我想知道你们是如何做到的。

Answer 1

将这些函数放在它们自己的单独函数中。在 document.ready 上以及您需要重新加载内容的任何其他时间调用该函数。

function initialize() {
    // do stuff;
}

$(document).ready(function() {
    initialize();
});

$.ajax({
    // url, data, etc.
    success: function() {
        initialize();
    }
});

请注意，某些插件(例如更改 DOM 的幻灯片)可能需要您在重新初始化它们之前调用 destroy 方法或选项。