2012-06-27 55 views
0

我正在使用jquery的ajax函數從服務器返回部分視圖。在成功parti中,我使用$。(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文件,但我沒有看到任何粗體文字時jquery加載部分視圖。數據加載正常,但樣式丟失。

+3

向我們展示了HTML/CSS輸出。最終這纔是最重要的。 – RedFilter

+0

好的,我從Chrome的檢查員那裏找到了這條線。如果你知道一個更好的方法來完全提取最終輸出,我可以做到這一點。這裏的樣式代碼就像是走了一樣。 ' 6 cm' – Halo

+0

請發佈'.accText' CSS規則定義。 –

回答

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>