使用.load()后如何应用CSS？

Question

如何在使用 .load() 加载元素后将 CSS 应用于该元素？这是我正在使用的虚拟版本。

$(document).ready(function(){
        $("a.link").on("click", function() {
        var Selected = $(this).attr("ID");
        $("#container").load(Selected + ".php");
        $("#box").css("background-color", "red");
        return false;
        });
});

Jquery 使用 .load() 函数按预期将 #box 加载到 #container 中，但是带有 .css() 的行不起作用。当我点击 a.link 触发事件时，#box 的背景颜色瞬间变为红色然后恢复原状。有谁知道我怎样才能让它保持红色？

谢谢！

Answer 1

加载函数有回调。使用它。

$("#container").load(Selected + ".php", function(){
  $("#box").css("background-color", "red");
});

使用.load()后如何应用CSS？

How Do I Apply CSS after Using .load()?

css

jquery

load