0
Jqueryを初めて使用しています。私は小さな例を試しています。リンクをクリックしても、divコンテンツは変更されません。以下のコードを試しましたが、すべてのdivコンテンツが表示され、各リンクをクリックすると変更されません。例えば、「about」をクリックすると、「divAbout」と表示され、他のものを非表示にするなどです。Jquery - リンクをクリックしてもdivコンテンツが変更されない
私はインターネット上のすべてのソリューションを試しましたが、何も私のために働いていませんでした。私がした間違いを教えてください。それは大きな助けになるでしょう。
<!DOCTYPE html>
<html>
<head>
<title>Welcome</title>
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js">
</script>
<script type="text/javascript">
$(document).ready(function(){
$("#home").click(function(){
$("#divHome").show();
});
$("#about").click(function(){
$("divs").hide();
$("#divAbout").show();
});
$("#help").click(function(){
$("divs").hide();
$("#divHelp").show();
});
});
</script>
</head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<body>
<div class="Maincontainer">
<div class= "header">
<h2 class="text-color">Info</h2>
<ul class="links">
<li id="home"><a href="#home" class="link">Home</a></li>
<li id="about"><a href="#about" class="link" >About</a</li>
<li id="help"><a href="#help" class="link" >Help</a></li>
<li id="profile"><a href="#profile" class="link" >Profile</a>
</li>
</ul>
</div>
<div class="divs" >
<div class="divs" id="divHome">Display the home content</div>
<div class="divs" id="divAbout">about</div>
<div class="divs" id="divHelp">Help</div>
<div class="divs" id="divProfile">Profile</div>
</div>
<div class="footer">
<h4>Copyright 2017. All CONTENT, IMAGES AND TEXT COPYRIGHTED</h4>
</div>
</div>
</body>
</html>
'$（ "divのは"）'間違っているとそれにアクセスする必要があります。 – j08691
$（ "div"）となるはずです –
$（ "divs"）で試しましたが、デフォルトではすべてのdivをクリックし、Aboutをクリックするとクリアされます。しかし、私が欲しいのは、デフォルトでは家のdivを表示する必要があります。私を助けてください。 – R12