I am running drawer as the example on
http://demos.telerik.com/kendo-ui/mobile/drawer/index.html
So in my div with data-role="drawer", I have a <li> per list item I want to navigate to with difference data-icons (as in the example).
Inside those li:s, I am using <a> tags which where href="#idToView", like this:
When I click the list item in the drawer, I am automatically navigated to the view with the id home and the drawer is closed.
What I want is to run a script instead that does those two things.
The reason is that I need to detach some element I have appended myself in the drawer header before navigating so that kendo does not clone the header while my element is still inside it.
I have tried constructions like:
but that will only result in an error message in the error console:
Error: Syntax error, unrecognized expression: unsupported pseudo: navigate_to_view
How do I run that script?
http://demos.telerik.com/kendo-ui/mobile/drawer/index.html
So in my div with data-role="drawer", I have a <li> per list item I want to navigate to with difference data-icons (as in the example).
Inside those li:s, I am using <a> tags which where href="#idToView", like this:
<
li
data-icon
=
"home"
><
a
href
=
"#home"
data-transition
=
"none"
>Home</
a
></
li
>
When I click the list item in the drawer, I am automatically navigated to the view with the id home and the drawer is closed.
What I want is to run a script instead that does those two things.
The reason is that I need to detach some element I have appended myself in the drawer header before navigating so that kendo does not clone the header while my element is still inside it.
I have tried constructions like:
<
li
data-icon
=
"home"
><
a
href
=
"javascript:navigate_to_view()"
data-transition
=
"none"
>Home</
a
></
li
>
but that will only result in an error message in the error console:
Error: Syntax error, unrecognized expression: unsupported pseudo: navigate_to_view
How do I run that script?