JQuery .load 搞乱了 HTML 文本样式

Question

我目前有一个我使用以下方法创建的网站标题：

 <div id="question">
  <h1>Question Goes Here</h1>
 </div>

字体由我决定CSS，大小为h1。那里的文字非常临时，因为我使用 JQuery .load 来更改字体。代码是：

    $(document).ready(function(){
    $('#question').load('/php/getQuestion.php',
      { name: 1} );
}

我的站点范围 CSS 是：

body {
 font-family: Helvetica;
}

页面的相关 CSS 是：

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

请求的文本可以完美加载，但字体不是我 CSS 的字体，大小是 12 磅，不是 h1。如何在调用 .load 后正确加载文本？

Answer 1

您正在将文本加载到容器中（即 DIV #question），而不是加载到 h1 标签中，因此字体大小不同（我无法分辨字体本身，因为你没有 post 任何 CSS 相关）。这样，文本将替换整个 h1，包括标签和内容。

您可以使用 $('#question > h1').load ... 作为选择器

Answer 2

简而言之：

$('#question');

是不是对的select还是。在你的问题中你说你想要 h1 中的问题，但在上面你把它放在 div 中，即 h1 的 Parent。

即

<div id="question"> // Your placing it in this div (the wrong one)
 <h1>Question Goes Here</h1>
</div>

相反，请考虑将 select 或更改为：

$('#question > h1');

这将改为 select #question div 中的 FIRST h1 ELEMENT，这就是你想要的

JQuery .load messing up HTML text styling