加载内容后不应用样式

时间:2012-06-27 17:55:18

标签: jquery css ajax asp.net-mvc

我正在使用jquery的ajax函数从服务器返回局部视图。在成功的parti中,我使用$。(html)将其附加到DIV中。但内容加载时没有任何样式。我尝试了不同的方法来追加风格但没有结果。

这是在documentReady

之后调用的ajax
        $.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加载局部视图时,我没有看到任何粗体文本。数据加载正常,但缺少样式。

1 个答案:

答案 0 :(得分: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>