jquerylastaddclass

我有四个用css设计的盒子，它们与右边的margini并排放置。对于最后一个框，我添加了一个类，该类删除了右边距，因此它们都位于同一行上

下面是

$（文档）.ready（函数（）{
$（'div.home-features:last'）.addClass（'last'）；
});  

下面是生成的代码

<div class="content-box2-top"><!-- no content--></div>
<div class="content-box2-center">    

        <div class="home-features">
            <h2>Services</h2>
            <span class="content">
                One point of contact for your international operations eliminating the need for multiple relationships.<br />

            </span>
            <a class="read" href="/getdoc/762a1cb8-2492-4844-8401-5037e7c30afc/Services">Read More</a>
        </div>

        <div class="home-features">
            <h2>Process</h2>
            <span class="content">
                Global access to your accounts, 24 hours a day through our secure online accounting portal.
            </span>

            <a class="read" href="/getdoc/6c7b45da-4e86-44fa-9a15-6d1298576b8a/Process">Read More</a>
        </div>

        <div class="home-features">
            <h2>Benefits</h2>
            <span class="content">
                Alleviating the burden of recruiting and managing in-house accounting teams.
            </span>
            <a class="read" href="/getdoc/592b78e1-f17f-498e-b3bb-f159e4c2d348/Benefits">Read More</a>

        </div>

        <div class="home-features">
            <h2>Reach</h2>
            <span class="content">
                Drawing on the local knowledge and expertise of our partner firms around the world.
            </span>
            <a class="read" href="/getdoc/9e82f2b8-7aaa-417d-9c23-a235c4ff26fd/Reach">Read More</a>
        </div>


</div>
<div class="content-box2-bottom"><!-- no conetnt --></div>

服务
为您的国际业务提供一个联络点，无需建立多重关系。

过程
通过我们安全的在线会计门户，全天候全球访问您的帐户。
利益
减轻招聘和管理内部会计团队的负担。
达到
利用我们全球合作伙伴公司的本地知识和专业知识。

问题是，当页面加载时，将“last”类添加到最后一个元素中会有延迟。因此，它出现在其他三个下，然后ping到位

---

我如何才能阻止它这样做，而只是显示为内联？

这可能是因为页面仍在加载<代码>$（文档）.ready（函数（）{仅在加载页面时发生

---

我不确定，但是如果您只是将

$（'div.home-features:last'）.addClass（'last'）；

移动到“content-box2-bottom”之后，那么我认为即使没有加载页面的其余部分，也会发生这种情况。

当页面准备好进行操作时，会执行document.ready代码。这可能是延迟的原因

您是否可以在

div

上指定

最后一个
类：

<div class="home-features last">



这意味着它将在该类就位的情况下到达页面，而不必等到加载后再应用。
我自己的偏好是使用直接css，而不是jQuery：

content-box2-center > div:last,
content-box2-center > div:last-child {
    /* CSS here */
}

当然，您可以使用不同的方法：

content-box2-center {
    visibility: hidden;
    /* or display: none; */
}

使用jQuery{

$(document).ready(
    function(){
        $('div.home-features:last').addClass('last');
        $('content-box-center').show();
    });

移动JavaScript代码不会有一点区别。这是文档的全部要点。如果在content-box2-bottom之后有大量代码，readyIt会有一点区别。如果OP不能使用ASP添加
最后一个
类（这是目前比较可取的方法），那么值得一试。那么数据源是什么？如果您可以生成一些元数据，这些元数据在某行是最后一行时显示（否则为空），则可以将其包含在class属性中的某些
中。
$(document).ready(
    function(){
        $('div.home-features:last').addClass('last');
        $('content-box-center').show();
    });