I have a phonegap application including a drawer instance. I'm using the newest Kendoui and was trying the latest internal build.
Every time I open an external view (a href link, without http, local file in phonegap) in the drawer all event handler get applied again to any allready loaded view. This happens only if I open/load a new external view.
If I open an allready open external view the click event handler don't get applied again. This ends in having as much click event handler applied as I open external views from the drawer.
kendoui 2014.2.1020.commercial
The code I'm using looks like:
Every time I open an external view (a href link, without http, local file in phonegap) in the drawer all event handler get applied again to any allready loaded view. This happens only if I open/load a new external view.
If I open an allready open external view the click event handler don't get applied again. This ends in having as much click event handler applied as I open external views from the drawer.
kendoui 2014.2.1020.commercial
The code I'm using looks like:
<!-- drawer -->
<
div
id
=
"drawer"
data-role
=
"drawer"
data-swipe-to-open
=
"true"
data-before-show
=
"onBeforeShowDrawer"
>
<
ul
data-role
=
"listview"
>
<
li
class
=
"block dark"
>
<
div
class
=
"left"
>
<
a
href
=
"content/candidate/index.html"
data-role
=
"button"
data-badge
=
"10"
data-icon
=
"candidates"
>
Candidates
</
a
>
</
div
>
<
div
class
=
"right"
>
<
a
href
=
"content/job/index.html"
data-role
=
"button"
data-badge
=
"10"
data-icon
=
"community"
>
Jobs
</
a
>
</
div
>
</
li
>
</
ul
>
</
div
>
<!-- layout -->
<
div
data-role
=
"layout"
data-id
=
"default"
>
<
header
data-role
=
"header"
>
<
div
data-role
=
"navbar"
>
<
a
href
=
"#drawer"
data-role
=
"button"
data-icon
=
"settings"
data-rel
=
"drawer"
data-align
=
"left"
></
a
>
<
a
href
=
"content/settings/index.html"
data-role
=
"button"
data-icon
=
"settings"
data-align
=
"right"
></
a
>
</
div
>
</
header
>
<
footer
data-role
=
"footer"
>
<
div
data-role
=
"tabstrip"
>
<
a
href
=
"#drawer"
data-role
=
"button"
data-icon
=
"home"
data-rel
=
"drawer"
data-align
=
"left"
></
a
>
<
a
href
=
"#index"
data-role
=
"button"
data-icon
=
"home"
>Home</
a
>
</
div
>
</
footer
>
</
div
>
<
div
data-role
=
"layout"
data-id
=
"plain"
></
div
>
<!-- views -->
<
div
id
=
"index"
data-role
=
"view"
data-title
=
"Home"
data-layout
=
"default"
data-init
=
"onInitIndex"
>
<
div
id
=
"logo"
></
div
>
</
div
>
var app = new kendo.mobile.Application($(document.body), {
root: "",
initial: page,
layout: layout,
skin: "flat",
// no transition by default with drawer navigation
// transition: "slide",
webAppCapable: true
});