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。

Answer 2

如果您必须在 js 变量中进行标记，那么您可以按如下方式进行。

$(markup).find("requiredElement").css({ set the properties here });

Answer 3

如果你想编辑它的CSS，你需要先将它放在DOM中，然后再操作它。

例子：

$.ajax({
    ...
    success:function(data){
        $('<div/>').appendTo('body').html(data).css('border','3px solid red');
    }
});