I'm getting an error when trying to navigate to a route:
TypeError: r is undefined
kendo.all.min.js (line 26, col 20881)
All I've done is set up a basic router, with one route and receive this error when trying to navigate to that route.
HTML:
<
div
class
=
"col-sm-3 col-lg-2 zero-padding sidebar sidebar-fixed"
>
<
div
class
=
"col-sm-3 col-lg-2 sidebar-fixedsub zero-padding"
>
<
ul
id
=
"accordion"
class
=
"accordion side-menu"
>
<
li
class
=
"hidden-xs"
>
<
div
class
=
"sidebar-actions"
>
<
button
id
=
"menu_resize"
data-role
=
"button"
class
=
"k-button resize-menu-level-1"
role
=
"button"
aria-disabled
=
"false"
data-level
=
"1"
>
<
i
class
=
"fa-icon-bars"
></
i
>
</
button
>
</
div
>
</
li
>
<
li
id
=
"subscribed"
>
<
a
class
=
"link k-link"
><
i
class
=
"fa-icon-comments"
></
i
><
span
class
=
"nav-item-text nav-item-text-main"
>Subscribed</
span
></
a
>
<
ul
class
=
"submenu"
>
<
li
><
a
onclick
=
"navigateContainer($(this));"
><
span
class
=
"nav-item-text"
>Subscription 1</
span
><
span
class
=
"badge"
>5</
span
></
a
></
li
>
</
ul
>
</
li
>
</
ul
>
</
div
>
</
div
>
Router JS:
var
router =
new
kendo.Router({
routeMissing:
function
(e) {
e.preventDefault();
}
});
router.route(
"/"
,
function
() {
generateDiscussionView();
});
router.route(
"/thread/:containerid"
,
function
(containerid) {
triggerContainer(container);
});
$(
function
() {
router.start();
});
Main JS:
function
navigateContainer(container) {
router.navigate(
"/thread/"
+ container);
}
function
triggerContainer(container) {
generateDiscussionView();
}