0
Iam пытается использовать кордову, чтобы сделать мой сайт гибридным.Боковая панель js скрипт не работает над версией Android при использовании Apache Cordova
У этого есть боковая панель, которая отлично работает в версии браузера, но она не работает, когда я строю и запускаю ее на Android, я нажимаю кнопку «гамбургер», но ничего не происходит.
Index.html:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" href="./css/bootstrap.min.css" >
<link rel="stylesheet" href="./css/orlando.css" >
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content=" Pagina Inicial ">
</head>
<body>
<div id="wrapper">
<!-- Sidebar -->
<nav class="navbar navbar-inverse navbar-fixed-top" id="sidebar-wrapper" role="navigation">
<ul class="nav sidebar-nav">
<li class="sidebar-brand">
<a href="#">
<img src="./img/logo2.png" alt="">
</a>
</li>
<li>
<a href="index.php">Login</a>
</li>
<li>
<a href="register.html">Register</a>
</li>
<li>
<a href="about.html">About</a>
</li>
<li>
<a href="profile.html">Profile</a>
</li>
<li>
<a href="matchhistory.html">Match History</a>
</li>
<li>
<a href="leaderboard.html">Leaderboard</a>
</li>
<li>
<a href="contacts.html">Contacts</a>
</li>
<li>
<a href="./php/logout.php">Logout</a>
</li>
</ul>
</nav>
<!-- Page Content -->
<div id="page-content-wrapper">
<nav class="navbar navbar-default navbar-static-top">
<div class="container" style="width: 100%;">
<button type="button" class="hamburger is-closed" data-toggle="offcanvas">
<span class="hamb-top"></span>
<span class="hamb-middle"></span>
<span class="hamb-bottom"></span>
</button>
<div class="navbar-header">
<a class="navbar-brand" href="./index.html"target="_self" style="margin-left: 55px;"> <img src="./img/logo.png" alt=""></a>
</div>
</div>
</nav>
<form class="form-signin" action="index.php" method="post">
<h2 class="form-signin-heading">Please login</h2>
<input type="text" class="form-control" name="email" placeholder="Username" required="" autofocus="" />
<input type="password" class="form-control" name="password" placeholder="Password" required=""/>
<label class="checkbox">
<input type="checkbox" value="remember-me" id="rememberMe" name="rememberMe"> Remember me
</label>
<button class="btn btn-lg btn-primary btn-block" name="login" type="submit">Login</button>
</form>
<!-- /#page-content-wrapper -->
</div>
</div>
<!-- /#wrapper -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="./js/bootstrap.min.js"></script>
<script src="./js/master.js"></script>
</html>
master.js (меню сценария):
$(document).ready(function() {
var trigger = $('.hamburger'),
overlay = $('.overlay'),
isClosed = false;
trigger.click(function() {
hamburger_cross();
});
function hamburger_cross() {
if (isClosed == true) {
overlay.hide();
trigger.removeClass('is-open');
trigger.addClass('is-closed');
isClosed = false;
} else {
overlay.show();
trigger.removeClass('is-closed');
trigger.addClass('is-open');
isClosed = true;
}
}
$('[data-toggle="offcanvas"]').click(function() {
$('#wrapper').toggleClass('toggled');
});
});
Как вы компилируете свое приложение? –
работает команда «кордоба платформы добавить андроид», а затем «cordova запустить андроид», thats нормальный, я думаю. – BugDroid777