Question

我目前正在尝试一些代码。我的任务是在点击按钮时更改网站的一部分。

这是HTML代码;

＆＃13;

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>index</title>
<link href="style.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="script.js"></script>
<script type="text/javascript" src="jquery-3.2.1.min.js"></script>
</head>

<body>
<div class="webside">
	
<div class="header">
<p class="headerfont">ElevValgomat</p>
</div>

<div class="upperBody">
<div class="question">

<p id="sporsmaal">Dette er et spørsmål.</p>


<div class="uenig"></div>
<div class="littUenig"></div>
<div class="vetIkke"></div>
<div class="littenig"></div>
<div class="enig"></div>

<p id="forklaring">Uenig</p>
<p id="forklaring">Vet ikke</p>
<p id="forklaring">Enig</p>

<button onClick="question()">Neste</button>
	
</div>
</div>

<div class="lowerBody">
<div class="faktaboks">
	

<div class="eo"></div>
<p id="temaHeaderRegular">Mer om</p><p id="temaHeaderBold">&nbsp;temaet</p>
<p id="tema"> Dette er en faktasetning om temaet vi skal ha spørsmål om. trykk her for å asdfg hei jeg heter sondre osv osv osv osv hei hei hei.</p>


</div>
</div>

</div>

</body>
</html>

＆＃13;

这是Javascript，它位于不同的文档中。

function question() {
"use strict";
$(document).ready(function()) {
    $("#question2").click(function()) {
        $("#question").load("question2.html");
    }
}

}

所以这些是链接的，我的目的是让javascript运行另一个html文档，它将填充我的容器。

Answer 1

你的朋友没有id＆＃34; question2＆＃34;，所以你的onclick事件永远不会被触发

＆＃13;

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>index</title>
<link href="style.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="script.js"></script>
<script type="text/javascript" src="jquery-3.2.1.min.js"></script>
</head>

<body>
<div class="webside">
	
<div class="header">
<p class="headerfont">ElevValgomat</p>
</div>

<div class="upperBody">
<div class="question">

<p id="sporsmaal">Dette er et spørsmål.</p>


<div class="uenig"></div>
<div class="littUenig"></div>
<div class="vetIkke"></div>
<div class="littenig"></div>
<div class="enig"></div>

<p id="forklaring">Uenig</p>
<p id="forklaring">Vet ikke</p>
<p id="forklaring">Enig</p>

<button id="question2">Neste</button>
	
</div>
</div>

<div class="lowerBody">
<div class="faktaboks">
	

<div class="eo"></div>
<p id="temaHeaderRegular">Mer om</p><p id="temaHeaderBold">&nbsp;temaet</p>
<p id="tema"> Dette er en faktasetning om temaet vi skal ha spørsmål om. trykk her for å asdfg hei jeg heter sondre osv osv osv osv hei hei hei.</p>


</div>
</div>

</div>

</body>
</html>

＆＃13;

"use strict";
    $(document).ready(function()) {
        $("#question2").click(function()) {
            $("#question").load("question2.html");
        }
    }

只需单击一下按钮即可更改网站的一部分

1 个答案: