Javascript 如何使用jQuery从动态加载的外部HTML文件更改CSS属性_Javascript_Jquery_Css

Javascript 如何使用jQuery从动态加载的外部HTML文件更改CSS属性

javascript jquery css

Javascript 如何使用jQuery从动态加载的外部HTML文件更改CSS属性,javascript,jquery,css,Javascript,Jquery,Css,我不熟悉JavaScript和jQuery。到目前为止，我可以用谷歌搜索我所有的问题，但对于以下问题，我需要帮助为了保持index.html的可读性，我使用jQuery load函数将具有给定ID的某些div容器与外部存储的html文件一起注入（我无法使用像PHP这样的服务器端语言，因为我使用的CMS不允许使用标记。因此我只能使用客户端解决方案）这个很好用：-）。但是，我需要在加载后更改一些CSS属性。但是，jQuery不能接触使用jQuery动态加载的内容下面是我尝试实现的演示代码：我

我不熟悉JavaScript和jQuery。到目前为止，我可以用谷歌搜索我所有的问题，但对于以下问题，我需要帮助

为了保持

index.html

的可读性，我使用

jQuery load

函数将具有给定ID的某些div容器与外部存储的html文件一起注入（我无法使用像PHP这样的服务器端语言，因为我使用的CMS不允许使用

标记。因此我只能使用客户端解决方案）

这个很好用：-）。但是，我需要在加载后更改一些CSS属性。但是，jQuery不能接触使用jQuery动态加载的内容

下面是我尝试实现的演示代码：

我的

index.html

我正在呼叫：

<html>
<head>
    <title>Injection Test</title>
    <style>
        .textformat {
            text-align: left;
        }
    </style>

    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>

    <script>
        $(function () {
            $("#includeHere").load("tobeincluded.html");

            $(".textformat").css("text-align", "center");
        });
    </script>
</head>
<body>
<div id="includeHere"></div>
<div class="textformat">Bye</div>
</body>
</html>

我希望“Hi”也是以中心为中心的。但只有“Bye”居中，因为它从一开始就在DOM中可用

如何使“Hi”居中

非常感谢

我认为您必须等到，所以在

.load（）

方法的回调中应用css

$("#includeHere").load("tobeincluded.html", function() {
  $(".textformat").css("text-align", "center");
});

就这样！！！JS回调对我来说是新的。今天学到了一些新东西：-）js基本上是异步的。

$("#includeHere").load("tobeincluded.html", function() {
  $(".textformat").css("text-align", "center");
});