ボタンであるGrade 1、Grade 2などをクリックすると、divの「結果」にページが読み込まれるサイトを構築しようとしています。つまり、同じページまたは div コンテナーの「結果」内のボタンをクリックするたびに、異なる Web サイトのコンテンツが読み込まれます。私のコードは以下です。私はjQueryを使用しようとしていましたが、これは初めてです。
<html>
<head>
<script>
$(document).ready(function() {
$("#target").click(function(e) {
$('#result').load('http://www.youtube.com/user/EduGrade1');
e.preventDefault();
});
});</script>
</head>
<body>
<div id="div1">
<ul>
<li><a href="Grade.html"> CBSE Grades (1 to 12)</a>
<ul id="menu">
<li><a href "http://www.youtube.com/user/EduGrade1" id="target"> Grade 1 </a>
</li>
<li><a href "http://www.youtube.com/user/EduGrade2"> Grade 2 </a>
</li>
<li><a href "#"> Grade 3 </a>
</li>
<li><a href "#"> Grade 4 </a>
</li>
<li><a href "#"> Grade 5 </a>
</li>
<li><a href "#"> Grade 6 </a>
</li>
<li><a href "#"> Grade 7 </a>
</li>
<li><a href "#"> Grade 8 </a>
</li>
<li><a href "#"> Grade 9 </a>
</li>
<li><a href "#"> Grade 10 </a>
</li>
<li><a href "#"> Grade 11 </a>
</li>
<li><a href "http://www.youtube.com/user/EduGrade12"> Grade 12 </a>
</li>
</ul>
</li>
</ul>
<div>
<div id="div2">
<ul>
<li><a href="Home.html">Home</a>
</li>
</ul>
</div>
<p> </p>
<div id="result">
<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/youtube.xml&up_channel=EduGrade12&synd=open&w=480&h=340&title=&border=%23ffffff%7C3px%2C1px+solid+%23999999&output=js"></script>
</div>
</body>