<html>
<head>
<meta charset=“utf-8” />
<meta name=“format-detection” content=“telephone=no” />
<meta name=“msapplication-tap-highlight” content=“no” />
<meta name=“viewport” content=“user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width” />
<!-- This is a wide open CSP declaration. To lock this down for production, see below. -->
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="lib/onsenui/css/onsenui.css">
<link rel="stylesheet" href="lib/onsenui/css/onsen-css-components.min.css">
<script src="lib/onsenui/js/onsenui.min.js"></script>
<script type="text/javascript" src="js/app.js"></script>
<script src="https://unpkg.com/jquery/dist/jquery.min.js"></script>
<title>Horoscope</title>
</head>
<body>
<ons-splitter>
<ons-splitter-side id=“appSplitter” side=“left” width=“220px” collapse swipeable>
<ons-page>
<ons-list>
<ons-list-item onclick=“fn.load(‘home.html’)” tappable>
Home
</ons-list-item>
<ons-list-item onclick=“fn.load(‘pages/test.html’);” tappable>
<i class=“fa fa-address-card-o” aria-hidden=“true”></i> Test
</ons-list-item>
<ons-list-item onclick=“fn.load(‘about.html’)” tappable>
About
</ons-list-item>
</ons-list>
</ons-page>
</ons-splitter-side>
<ons-splitter-content id=“content” page=“home.html”></ons-splitter-content>
</ons-splitter>
<template id=“home.html”>
<ons-page>
<ons-navigator swipeable id=“myNavigator” ></ons-navigator>
<ons-toolbar>
<div class=“left”>
<ons-toolbar-button onclick=“fn.open()”>
<ons-icon icon=“md-menu”></ons-icon>
</ons-toolbar-button>
</div>
<div class=“center”>
Home
</div>
</ons-toolbar>
<p class=“intro”>
This is a kitchen sink example that shows off the components of Onsen UI.<br><br>
</p>
<ons-card onclick="fn.pushPage({'id': './pages/test.html', 'title': 'Test'})" tappable>
<div class="title">Test</div>
<div class="content">Simple push to test page
</div>
</ons-card>
<script>
$(function(){
// Initialization code
$('ons-button').on('click', function(e) {
alert('hi');
fn.pushPage({'id': './pages/test.html', 'title': 'Test'})
})
});
</script>
<ons-button>Click me!</ons-button>
<style>
.intro {
text-align: center;
padding: 0 20px;
margin-top: 40px;
}
ons-card {
cursor: pointer;
color: #333;
}
.card__title,
.card--material__title {
font-size: 20px;
}
</style>
</ons-page>
</template>
<script type="text/javascript" src="cordova.js"></script>
this is just a test code can anyone tell me what can be the problem. it looks like this in the emulator. Even the menu comes out and shows but from the home page you just click. Even i have put alerts in the function its not happening
