jQuery:更改加载了 ajax 的元素上的 CSS？

Question

我需要更改正在使用 ajax 加载的元素的位置。我想使用 .css() 来更改它，但 jQuery 找不到该元素，因为它未被识别。我该怎么做才能使 jQuery“识别”该元素？

我已经阅读了有关 live() 和 delegate() 的内容，但我无法让它们中的任何一个按我希望的那样工作。非常感谢您的帮助!

Answer 1

在ajax调用的complete或success函数中修改css。假设您正在使用 load:

$('#el').load(
    url,
    data,
    function(){
        $('#selector').css('position', 'absolute');
    }
);

或者(举个例子更容易)注册一个ajaxComplete事件

$(document).ajaxComplete(function(){
    if($('#elementID').length != 0) {
        $('#elementID').css('position', 'absolute');
    }
});

每次 ajax 请求完成时都会触发，检查 #elementID 是否存在，如果存在则应用 css。