I've been working with a jQuery multilayer menu, but I encountered an issue with the link not being clickable.
For reference:
jQuery:
JS Array Demo:
When navigating through the menu on the demo site - "devices" -> "Mobile phones" -> "super smart phones", I added a link in "super smart phones" that is not clickable when implemented into my code. The page does not redirect to '/devices/mobile/supersmartphones/' as defined in the 'a' tag.
Here are excerpts from my code:
<a href="/devices/mobile/supersmartphones/">
<i class="floatRight undefined"></i>Super Smart Phone</a>
.mlpm_w a {
display: block;
outline: none;
overflow: hidden;
font-size: 1.5em;
line-height: 1em;
padding: .2em .2em;
text-decoration: none;
color: #fff;
}
.mlpm_w a:hover {
color: #ffe;
}
.mlpm_w .floatRight {
float: right;
}
title: 'All Product',
icon: 'fa fa-reorder',
items: [
{
name: 'Mobile Phone',
link: '/device/mobile/',
items: [
{
title: 'Mobile Phone',
items: [
{
name: 'Super Smart Phone',
link: '/device/mobile/supersmartphones/'
},
I'm unsure where the problem lies, and I apologize for any confusion in explaining it.
Thank you for your help in resolving this issue.