デモ: http://admin.bigblackbag.net/web/mobile_content.asp?WebsiteID=15175&forcemobile=1
iPhone では完全に動作しますが、ネイティブの Android ブラウザではクラッシュするようです。ナビゲーション メニューを使用しようとするとクラッシュし、適切に調整されません。何かアイデアはありますか? かなりください!? 何週間も途方に暮れて..
$(function () {
var menuStatus;
// Show Menu
$("a.showMenu").click(function () {
if (menuStatus != true) {
$("#page").animate({
marginLeft: "85%",
}, 300, function () {
menuStatus = true
});
$("#page").css("position","fixed");
$("#page").addClass("shadow");
$("#menu").animate({opacity: "1"}, 300);
return false;
} else {
$("#page").animate({
marginLeft: "0px",
}, 300, function () {
menuStatus = false
});
$("#page").css("position","absolute");
$("#page").removeClass("shadow");
$("#menu").animate({opacity: "0"}, 300);
return false;
}
});
// Menu behaviour
$("#menu li a").click(function () {
var p = $(this).parent();
if ($(p).hasClass('active')) {
$("#menu li").removeClass('active');
} else {
$("#menu li").removeClass('active');
$(p).addClass('active');
}
});
});