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标记中，因此字体大小不同（我无法判断字体本身，因为您没有发布任何有关CSS的CSS。这样，文本将替换整个h1，包括标记和内容。

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

Answer 2

简而言之：

$('#question');

不是正确的选择器。在您的问题中，您声明您想要在h1中提出问题，但在上面您将它放在h1的 Parent 的div中。

即

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

相反，请考虑将选择器更改为：

$('#question > h1');

而是选择#question div中的 FIRST h1 ELEMENT ，这是你想要的