Hi I Have 2 Html pages each one have a view and each view have a link button to navigate between each view,
and when I click the Main Menu link it's navigate successfully to the Main Menu view and when I click on Home it's navigate back.
index.html
mainMenu,html
and when I click the Main Menu link it's navigate successfully to the Main Menu view and when I click on Home it's navigate back.
But when I click Main menu again it's do nothing.
note: I'm testing the app via note: I'm testing the app via ICENIUM Graphite.index.html
<!DOCTYPE html>
<
html
>
<
head
>
<
title
></
title
>
<
meta
charset
=
"utf-8"
/>
<
link
href
=
"kendo/styles/kendo.mobile.all.min.css"
rel
=
"stylesheet"
/>
<
link
href
=
"styles/main.css"
rel
=
"stylesheet"
/>
<!-- Scripts -->
<
script
src
=
"cordova.js"
></
script
>
<
script
src
=
"kendo/js/jquery.min.js"
></
script
>
<
script
src
=
"kendo/js/kendo.mobile.min.js"
></
script
>
<
script
src
=
"scripts/hello-world.js"
></
script
>
</
head
>
<
body
>
<
div
data-role
=
"view"
data-title
=
"Home"
id
=
"mainPageView"
>
<
a
data-role
=
"button"
href
=
"MainMenu.html"
>Main Menu</
a
>
</
div
>
<
div
data-role
=
"layout"
data-id
=
"mainLayout"
>
<
div
data-role
=
"header"
>
<
div
data-role
=
"navbar"
>
<
span
data-role
=
"view-title"
></
span
>
</
div
>
</
div
>
<
div
data-role
=
"footer"
>
</
div
>
</
div
>
<
script
>
var app = new kendo.mobile.Application(document.body,{transition:"silde",layout:"mainLayout"});
</
script
>
</
body
>
</
html
>
<
div
data-role
=
"view"
data-title
=
"Main Menu"
id
=
"mainMenuView"
>
<
p
>Main Menu</
p
>
<
a
href
=
"index.html"
data-role
=
"button"
>Home</
a
>
</
div
>