如何在从$ .ajax（）检索的元素上赋予CSS属性？

Question

我通过$.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加载到ID为contentBox的div中：

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

然而，该段落并非红色。如何通过Ajax CSS属性提供加载的元素？

---

具体来说，jQuery Mobile CSS没有在我从Ajax中提取的HTML中呈现： http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css

Answer 1

您的标记 无效

<style="text/css"> 

应该是

<style type="text/css">

否则CSS规则应该适用于通过AJAX加载的HTML。

---

更新 - 调试无与伦比的CSS的提示：

• 使用元素检查器查找匹配的规则。
• 检查标记是您在通过AJAX提取后的预期。
• 确保新标记中没有可能发生冲突的内联样式或其他<style>标记。