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 pt，而不是 h1。调用 .load 后如何正确加载文本？

Answer 1

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

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