无法将 .addClass 应用于动态创建的元素

Question

我正在尝试将 .addClass 应用于无序列表中的最后一项。问题是，无序列表是从外部脚本动态创建的。所以我想你可以说，在外部脚本构建脚本之前，脚本并不真正存在。该脚本似乎在页面和 DOM 准备好后加载它。

我尝试过旧的基础知识，但无济于事：

$(function() {
    $("#svpply_items li:last-child").addClass('last');
});

$(document).ready(function() {
    $("#svpply_items li:last-child").addClass('last');
});

任何帮助将不胜感激。

Answer 1

我想说的是，请确保所有脚本都位于页面底部，并确保外部脚本的顺序正确。如果情况已经如此，或者您已经尝试过但没有效果，请查看 $. getScript(...) 函数。

像这样的东西：

$(document).ready(function () {
    $.getScript('scripts/external.js', function (data, textStatus) {
        $("#svpply_items li:last-child").addClass('last');
    });
});

Answer 2

为什么不在 $(window).load(function(){.... 上尝试呢？

Answer 3

试试这个：

$("#svpply_items").bind("DOMSubtreeModified", function() {
     $(this).find('li:last-child').addClass('last');
});