Hyperlink PhoneGap单页链接未激活？
我目前正在开发一个PhoneGap单页应用程序，我遇到了一个奇怪的问题，我的href链接无法加载其他数据。当我将鼠标悬停在chrome中的链接上时，我可以看到它指向了正确的位置，但是当我单击它时，什么也没有发生 以下是index.html页面：Hyperlink PhoneGap单页链接未激活？,hyperlink,routing,cordova,Hyperlink,Routing,Cordova,我目前正在开发一个PhoneGap单页应用程序，我遇到了一个奇怪的问题，我的href链接无法加载其他数据。当我将鼠标悬停在chrome中的链接上时，我可以看到它指向了正确的位置，但是当我单击它时，什么也没有发生 以下是index.html页面： <html> <head> <script src="assets/css/source-sans-pro.js"></script> <link href=
<html>
<head>
<script src="assets/css/source-sans-pro.js"></script>
<link href="assets/css/styles.css" rel="stylesheet">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" />
</head>
<body>
<script id="home-tpl" type="text/x-handlebars-template">
<a href="#login" class="header-button header-button-left"><button>Login</button></a>
<div class='header'><h1>Testing App</h1></div>
<p>This tool is designed to make your work easier</p>
<p>This is some sample data.</p>
</script>
<script id="login-tpl" type="text/x-handlebars-template">
<a href="#" class="header-back-button header-button-right"><button>Back</button></a>
<div class='header'><h1>Sky SMS Tool</h1></div>
<form id="loginForm">
<div data-role="fieldcontain" class="ui-hide-label">
<input class="ui-input-text ui-shadow-inset ui-corner-all ui-btn-shadow ui-body-c" type="text" name="username" id="username" value="" placeholder="Username" />
</div>
<div data-role="fieldcontain" class="ui-hide-label">
<input class="ui-input-text ui-shadow-inset ui-corner-all ui-btn-shadow ui-body-c" type="password" name="password" id="password" value="" placeholder="Password" />
</div>
<div data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-icon="null" data-iconpos="null" data-theme="c" data-mini="true" class="ui-submit ui-btn ui-shadow ui-btn-corner-all ui-mini ui-btn-up-c" aria-disabled="false" data-disabled="false">
<span class="ui-btn-inner">
<span class="ui-btn-text">Submit</span>
</span>
<button type="submit" id="submitBtn" data-mini="true" class="ui-btn-hidden" data-disabled="false">Submit</button>
</div>
</form>
</script>
<script src="phonegap.js"></script>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>
<script src="assets/lib/handlebars.js"></script>
<script src="assets/js/storage/memory-store.js"></script>
<script src="assets/js/HomeView.js"></script>
<script src="assets/js/LoginView.js"></script>
<script src="assets/js/TestHomeView.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>
var app = {
showAlert: function (message, title) {
if (navigator.notification) {
navigator.notification.alert(message, null, title, 'OK');
} else {
alert(title ? (title + ": " + message) : message);
}
},
registerEvents: function() {
$('body').on('mousedown', 'a', function(event) {
$(event.target).addClass('tappable-active');
});
$('body').on('mouseup', 'a', function(event) {
$(event.target).removeClass('tappable-active');
});
$(window).on('hashchange', $.proxy(this.route, this));
},
route: function() {
//self.showAlert('Inside Routing', 'Debug!');
var hash = window.location.hash;
if (!hash) {
$('body').html(new HomeView(this.store).render().el);
return;
}
var match = hash.match(app.detailsURL);
if (match) {
$('body').html(new LoginView(this.store).render().el);
}
},
initialize: function() {
var self = this;
this.detailsURL = /^#login/;
this.registerEvents();
this.store = new MemoryStore(function() {
self.route();
});
}
};
app.initialize();
var HomeView = function(store) {
this.initialize = function() {
this.el = $('<div/>');
};
this.render = function() {
this.el.html(HomeView.template());
return this;
};
};
this.initialize();
}
HomeView.template = Handlebars.compile($("#home-tpl").html());
var HomeView=函数（存储）{
this.initialize=函数（）{
this.el=$（''）；
};
this.render=函数（）{
html（HomeView.template（））；
归还这个；
};
};
这是初始化（）；
}
HomeView.template=handlebar.compile（$（“#home tpl”）.html（）；
<a href="#login" class="header-button header-button-left"><button>Login</button></a>
提前感谢所以我必须指出，您的HomeView.js实际上不是有效的javascript。您有一个“}；}；”这意味着当它到达
this.initialize（）