It doesnt work. even the alert function isnt called. im using safari.
<!DOCTYPE html>
<
html
><
head
>
<
meta
http-equiv
=
"Content-Type"
content
=
"text/html; charset=UTF-8"
/>
<
title
>Untitled Document</
title
>
<
link
href
=
"css/kendo.mobile.all.min.css"
rel
=
"stylesheet"
/>
<
script
src
=
"js/jquery.min.js"
></
script
>
<
script
src
=
"js/kendo.all.min.js"
></
script
>
</
head
>
<
body
>
<
div
data-role
=
"view"
id
=
"foo"
>
<
a
href
=
"#protected"
data-role
=
"button"
>Go to protected</
a
>
</
div
>
<
div
data-role
=
"view"
id
=
"protected"
data-before-show
=
"redirectBack"
>
I am a protected view
</
div
>
<
script
>
var app = new kendo.mobile.Application();
function redirectBack(e) {
alert('s');
e.preventDefault();
app.navigate("#foo");
}
</
script
>
</
body
>
</
html
>