[英]Accessing drop down menu using jquery
我的HTML代碼是:
<div class="nav-collapse collapse">
<ul class="nav nav-pills ddmenu">
<li class="dropdown "><a href="index.html">Home</a></li>
<li class="dropdown"><a href="about.html">About</a></li>
<li class="dropdown active">
<a href="features.html">Features</a>
<ul class="dropdown-menu">
<li><a href="#" id="drp_pbx">Office</a></li>
<li><a href="#" id="drp_call">Center</a></li>
</ul>
</li>
<li class="dropdown"><a href="apis.html">API</a></li>
<li class="dropdown"><a href="downloads.html">Download</a></li>
<li class="dropdown"><a href="blogs.php">Blog</a></li>
<li class="dropdown"><a href="contact.php">Contact</a></li>
</ul>
我得到'features.html'下的下拉菜單,我寫了JQuery來顯示drp_pbx
和drp_call
drop content取決於click事件
我的JQuery是:
$(document).ready(function () {
$("#callcenter_features").hide();
$('#drp_pbx, #drp_call').click(function () {
if (this.id == 'drp_pbx') {
$("#pbx_features").show();
}
else if (this.id == 'drp_call') {
$("#pbx_features").hide();
$("#callcenter_features").show();
}
});
});
如果我在features.html表中,每個東西都按預期工作,如果我嘗試從其他一些頁面訪問drp_pbx
和drp_call
功能不能正常工作,即使我點擊drp_call
它總是出現drp_pbx
內容。
我想根據我的JQuery點擊事件顯示內容。
如果單擊第二個菜單,請嘗試隱藏其他菜單:
$(document).ready(function () {
$("#callcenter_features").hide();
$('#drp_pbx, #drp_call').click(function () {
if (this.id == 'drp_pbx') {
$("#callcenter_features").hide();
$("#pbx_features").show();
}
else if (this.id == 'drp_call') {
$("#pbx_features").hide();
$("#callcenter_features").show();
}
});
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.