[英]Mobile on click dropdown menu not working?
我想為我的網站的移動版本創建一個下拉菜單,但它似乎沒有工作。
基本上當我點擊下拉菜單圖像時,應該會出現下拉菜單。
JSFiddle: https ://jsfiddle.net/xfvjv184/
包含的文件:
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jquerymobile/1.4.3/jquery.mobile.min.css" />
<script src="//ajax.googleapis.com/ajax/libs/jquerymobile/1.4.3/jquery.mobile.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
HTML
<div class="mobile_dropdown_menu_icon">
<img class="mobilemenuicon" src="resources/mobilemenuicon.png" />
</div>
<div class="mobile_dropdown_menu">
</div>
CSS
.mobile_dropdown_menu_icon {
display:none;
}
.mobile_dropdown_menu {
display:none;
}
@media(max-device-width:500px) {
.mobile_dropdown_menu_icon {
display: block;
float:right;
}
.mobilemenuicon {
width:150px;
height:150px;
margin-top:10px;
margin-right:20px;
}
.mobile_dropdown_menu {
background-color: red;
height:400px;
width:100%;
}
}
jQuery的
$(document).ready(function(){
$('.mobile_dropdown_menu_icon').on("click" function() {
$('mobile_dropdown_menu').css("display", "block");
});
});
有什么理由不行嗎? 我單擊應顯示mobile_dropdown_menu的圖標,但它不適用於此代碼。
這一行:
$('mobile_dropdown_menu').css("display", "block");
...在mobile_dropdown_menu
前面缺少一段時間。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.