我有一些div標籤在側面菜單上有相同的類名稱,當點擊div標籤時,它應該加載相應的div標籤元素,當我點擊其他div菜單標籤時應該隱藏打開的標籤顯示當前點擊的那個。Onclick事件不工作 - jQuery
這就像在側面菜單上點擊menuitem(about)時它應該加載div(about-page),並且在側面菜單上點擊menuitem(services)時,它應該同時加載div(services-page)加載的div(about-page)應該隱藏並顯示div(services-page)。
$('.menu-items a').click(function(){
$(this).attr('.services-page');
$('.services-page').show();
});
.about-page {
\t min-height: 80%;
width: 100%;
position: absolute;
top: 10%;
left: 0;
right: 0;
}
.services-page {
\t position: absolute;
}
.projects-page {
\t position: absolute;
}
.contact-page {
\t position: absolute;
}
<div id="slide-out" class="side-nav-menu fixed">
<div class="center"><a href="index.html"><img src="images/Untitled-1.png" style="width:100px;height:auto;margin-top:15px;"></a></div>
<div class="menu-items"><a href="#!">ABOUT</a></div>
<div class="menu-items"><a href="#!">SERVICES</a></div>
<div class="menu-items"><a href="#!">PROJECTS</a></div>
<div class="menu-items"><a href="#!">CONTACT</a></div>
</div>
<div class="about-page">
<div class="row">
<div class="col l9 s12 m12 offset-l3 white z-depth-3">
<p>hi</p>
</div>
</div>
</div>
<div class="services-page">
<div class="row">
<div class="col l9 s12 m12 offset-l3 white z-depth-3">
<p>hi</p>
</div>
</div>
</div>
<div class="projects-page">
<div class="row">
<div class="col l9 s12 m12 offset-l3 white z-depth-3">
<p>hi</p>
</div>
</div>
</div>
<div class="contact-page">
<div class="row">
<div class="col l9 s12 m12 offset-l3 white z-depth-3">
<p>hi</p>
</div>
</div>
</div>
使用切換插件 –
@VijayaVigneshKumar我應該如何加載相應的div標籤,當我點擊菜單項? –
@BunnyJoel:你的帖子不太清楚;你想要達到什麼樣的目標?你面臨的挑戰是什麼? – nyedidikeke