如何在從$ .ajax（）檢索的元素上賦予CSS屬性？

我通過$.ajax加載來自另一個網頁的一些HTML：

<script type="text/javascript"> 
    $(function() { 
     $.ajax({ 
      url: '/getInfo', 
      context: $('#contentBox'), 
      success: function(data) { 
       $(this).html(data); 
      } 
     }); 
    }); 

</script> 

<style type="text/css"> 
    #makeMeRed {color: red !important;} 
</style> 

<div id="contentBox"></div>

的代碼加載這個HTML到DIV ID爲contentBox：

<p id="makeMeRed">I'm supposed to be red.</p>

然而，該款不紅。我如何通過Ajax CSS屬性加載元素？

具體而言，jQuery Mobile的CSS不會在HTML渲染我從阿賈克斯拉： http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css

來源

2012-02-18 dangerChihuahua007

您的標記是無效

<style="text/css">

應該

<style type="text/css">

Othe rwise CSS規則應該適用於通過AJAX加載的HTML。

更新 - 提示調試無法比擬的CSS：

使用元素檢查員發現哪些規則beign匹配。
檢查標記是您在通過AJAX提取之後所期望的。
確保新標記中沒有內聯樣式或其他<style>標記可能會發生衝突。

來源

2012-02-18 23:59:16

哦，對不起。謝謝，那是真的。儘管如此，代碼仍然無法正常工作。 – dangerChihuahua007 2012-02-19 00:00:53

@DavidFaux hmm ..試着在元素檢查器上查看匹配的CSS規則 – 2012-02-19 00:02:12

謝謝，顯然如果不使用jQuery Mobile，CSS可以工作。 – dangerChihuahua007 2012-02-19 00:56:43

如何在從$ .ajax（）檢索的元素上賦予CSS屬性？

回答

相關問題