加载内容后未应用样式答案

【问题标题】：Style Is Not Applied After Loading Content加载内容后未应用样式
【发布时间】：2012-06-29 05:46:46
【问题描述】：

我正在使用 jquery 的 ajax 函数从服务器返回部分视图。在成功部分中，我使用 $.(html) 将其附加到 DIV 中。但是内容是在没有任何样式的情况下加载的。我尝试了不同的方法来附加样式，但没有得到任何结果。

这里是 ajax，在 documentReady 之后调用

        $.ajax({
        type: "GET",
        url: '@Url.Action("Accessories", "Tablo")',
        success: function (data) {
            $("#secimlerDetay").html(data);
        },
        }
    });

异步调用的返回是局部视图，这里：

 @model RenkliTablo.ViewModels.AccessoryViewModel

<div id="cerceveList">
    <span>Cerceveler</span>

    @foreach (var cerceve in Model.cerceveList)
    {
        <a class="cerceve" data-accessoryId="@cerceve.AccessoryId" href="/">
            <img class="accImg" alt="" src="../../Content/Images/kapcik.png" />
            <span class="accText">@cerceve.Thickness cm</span>
        </a>
    }
</div>

<div id="paspartuList"> 
    <span style="font-weight:bold;">Paspartular</span>       

    @foreach (var paspartu in Model.paspartuList)
    {
        <a class="paspartu" data-accessoryId="@paspartu.AccessoryId" href="/">
            <img class="accImg" alt="" src="../../Content/Images/kapcik.png" />
            <span class="accText" style="font-weight:bold;">@paspartu.Thickness cm</span>
        </a>
    }
</div>

如您所见，我在 .cshtml 文件中指定了 style="font-weight:bold"，但是当 jquery 加载局部视图时，我没有看到任何粗体文本。数据加载正常，但缺少样式。

【问题讨论】：

向我们展示 HTML/CSS 输出。最终，这才是最重要的。
好的，我从 Chrome 的检查员那里找到了这一行。如果您知道完全提取最终输出的更好方法，我可以做到。这里的样式代码就像，消失了。 <span class="accText">6 cm</span>
请发布.accText CSS 规则定义。
你用的是什么浏览器？ IE不支持通过ajax加载的css：stackoverflow.com/questions/3134164/…
这是我在 Site.css 中的初始规则。顺便说一句，这不起作用，但我只是使用了 .accText{} 并且它起作用了？ /* accessories **************************/ div#secimlerdetay { width:100%; height:70px; border:1px solid #000000; } div#secimlerdetay img.accImg { max-width:95%; max-height:80%; margin-left:auto; margin-right:auto; height:70%; width:auto; display:block; } div#secimlerdetay span.accText { display:block; text-align:center; height:25%; margin-top:2px; } /******************************************/

标签： jquery css ajax asp.net-mvc

【解决方案1】：

replace <span style="font-weight:bold;">Paspartular</span>

与

<strong>Paspartular</strong> 



<span class="accText" style="font-weight:bold;">@paspartu.Thickness cm</span>

与

<span class="accText"><strong>@paspartu.Thickness cm</strong></span>

【讨论】：