jquery の ajax 関数を使用して、サーバーから部分ビューを返しています。成功のパーティでは、$.(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 が部分ビューを読み込むときに太字のテキストは表示されません。データは正常にロードされましたが、スタイルがありません。