3d Mega Menu for Bootstrap – Javascript errors on $.fn.menu3d.hoverIn

This is a PRIVATE forum for verified users only, to view all replies/answers, you must be logged in!

Status: resolved
  • This topic has 6 replies, 2 voices, and was last updated 7 y, 1 mo by  simon.
Viewing 6 reply threads
  • Author
    Posts
    • #1582

      simon
      Member

      Hi guys,

      first of all I love the 3D Mega Menu. Here my problem:
      When I turn in a lower window mode with 600px width (mobile/pads) the menu got some troubles while hovering in and out on the list elements. The console says:


      Uncaught TypeError: Cannot read property 'left' of undefined menu3d.js:325
      $.fn.menu3d.hoverOut menu3d.js:325
      (anonymous function) menu3d.js:179
      x.event.special.(anonymous function).handle jquery.js:5
      x.event.dispatch jquery.js:5
      v.handle

      The errors comes when (while) I hovering out of the list elements. Can you explain me the bug a little bit more?
      Each time I’m hovering out I get the same error. 😉

      Thanks for helping me.

      Best regards,
      Simon

    • #1612

      Hey there, You must be logged in to view this reply!

      Login | Register | Forgot Password?

    • #1628

      Hey there, You must be logged in to view this reply!

      Login | Register | Forgot Password?

    • #1630

      simon
      Member

      Thanks for your response! Google Chrome (29.0.1547.76m). Effect:

      
      $(document).ready(function () {
      				 $('#menuMega').menu3d({
      					//options
      					hoverIn:"fadeIn",
      					hoverOut:"slideUp",
      					easing: "ease-in",
      					speed: 600,
      					responsive: true	
      				});
      				
      		});
      

      Type of menu: full-width.

      Here are the HTML-Code:

      
      <div id="menuMega" class="menu3dmega">
      				 <!-- Begin: This part should be editable by CMS => same as past for betting (IDs etc.): -->
      				 <ul class="container menu-ul">
      					<li class="full-width el0">
      						<a href="#"></a>
      					</li>
      					<li class="full-width el1">
      						<a href="#">Fussball</a>
      						<div class="dropdown-menu">
      							<div class="content">
      								<div class="col-lg-2">
      									<a href="#">Champions League</a>
      									<ul>
      										<li><a href="#">Qualifikation</a></li>
      									</ul>
      									<a href="#">Europe League</a>
      									<ul>
      										<li><a href="#">Qualifikation</a></li>
      									</ul>
      									<a href="#">Internationale Clubs</a>
      									<ul>
      										<li><a href="#">UEFA Super Cup</a></li>
      									</ul>
      									<a href="#">International</a>
      									<ul>
      										<li><a href="#">Int. Freundschaftsspiele</a></li>
      										<li><a href="#">Int. Qualifikationsspiele</a></li>
      									</ul>
      								</div>
      								<div class="col-lg-2">
      									<a href="#">Champions League</a>
      									<ul>
      										<li><a href="#">Qualifikation</a></li>
      									</ul>
      									<a href="#">Europe League</a>
      									<ul>
      										<li><a href="#">Qualifikation</a></li>
      									</ul>
      									<a href="#">Internationale Clubs</a>
      									<ul>
      										<li><a href="#">UEFA Super Cup</a></li>
      									</ul>
      									<a href="#">International</a>
      									<ul>
      										<li><a href="#">Int. Freundschaftsspiele</a></li>
      										<li><a href="#">Int. Qualifikationsspiele</a></li>
      									</ul>
      								</div>
      								<div class="col-lg-2">
      									<a href="#">Champions League</a>
      									<ul>
      										<li><a href="#">Qualifikation</a></li>
      									</ul>
      									<a href="#">Europe League</a>
      									<ul>
      										<li><a href="#">Qualifikation</a></li>
      									</ul>
      									<a href="#">Internationale Clubs</a>
      									<ul>
      										<li><a href="#">UEFA Super Cup</a></li>
      									</ul>
      									<a href="#">International</a>
      									<ul>
      										<li><a href="#">Int. Freundschaftsspiele</a></li>
      										<li><a href="#">Int. Qualifikationsspiele</a></li>
      									</ul>
      								</div>
      								<div class="col-lg-2">
      									<a href="#">Champions League</a>
      									<ul>
      										<li><a href="#">Qualifikation</a></li>
      									</ul>
      									<a href="#">Europe League</a>
      									<ul>
      										<li><a href="#">Qualifikation</a></li>
      									</ul>
      									<a href="#">Internationale Clubs</a>
      									<ul>
      										<li><a href="#">UEFA Super Cup</a></li>
      									</ul>
      									<a href="#">International</a>
      									<ul>
      										<li><a href="#">Int. Freundschaftsspiele</a></li>
      										<li><a href="#">Int. Qualifikationsspiele</a></li>
      									</ul>
      								</div>
      								<div class="col-lg-2">
      									<a href="#">Champions League</a>
      									<ul>
      										<li><a href="#">Qualifikation</a></li>
      									</ul>
      									<a href="#">Europe League</a>
      									<ul>
      										<li><a href="#">Qualifikation</a></li>
      									</ul>
      									<a href="#">Internationale Clubs</a>
      									<ul>
      										<li><a href="#">UEFA Super Cup</a></li>
      									</ul>
      									<a href="#">International</a>
      									<ul>
      										<li><a href="#">Int. Freundschaftsspiele</a></li>
      										<li><a href="#">Int. Qualifikationsspiele</a></li>
      									</ul>
      								</div>
      								<div class="col-lg-2">
      									<a href="#">Champions League</a>
      									<ul>
      										<li><a href="#">Qualifikation</a></li>
      									</ul>
      									<a href="#">Europe League</a>
      									<ul>
      										<li><a href="#">Qualifikation</a></li>
      									</ul>
      									<a href="#">Internationale Clubs</a>
      									<ul>
      										<li><a href="#">UEFA Super Cup</a></li>
      									</ul>
      									<a href="#">International</a>
      									<ul>
      										<li><a href="#">Int. Freundschaftsspiele</a></li>
      										<li><a href="#">Int. Qualifikationsspiele</a></li>
      									</ul>
      								</div>
      							</div>
      						</div>
      					</li>
      					<li class="full-width el2">
      						<a href="#">Tennis</a>
      						<div class="dropdown-menu">
      							<div class="clearfix content">
      								<p>Here are some listed menu points from a specific sports genre. Basic concept: every sport genre on full width in listed elements. 
      								Look at 'Fussball' for an example.
      								</p>
      							</div>
      						</div>
      					</li>
      					<li class="full-width el3">
      						<a href="#">Formel 1</a>
      						<div class="dropdown-menu">
      							<div class="clearfix content">
      								<p>Here are some listed menu points from a specific sports genre. Basic concept: every sport genre on full width in listed elements. 
      								Look at 'Fussball' for an example.
      								</p>							
      							</div>
      						</div>
      					</li>
      					<li class="full-width el4">
      						<a href="#">Motorsport</a>
      						<div class="dropdown-menu">
      							<div class="clearfix content">
      								<p>Here are some listed menu points from a specific sports genre. Basic concept: every sport genre on full width in listed elements. 
      								Look at 'Fussball' for an example.
      								</p>
      							</div>
      						</div>
      					</li>
      					<li class="full-width el5">
      						<a href="#">Football</a>
      						<div class="dropdown-menu">
      							<div class="clearfix content">
      								<p>Here are some listed menu points from a specific sports genre. Basic concept: every sport genre on full width in listed elements. 
      								Look at 'Fussball' for an example.
      								</p>
      							</div>
      						</div>
      					</li>
      					<li class="full-width el6">
      						<a href="#">Baseball</a>
      						<div class="dropdown-menu">
      							<div class="clearfix content">
      								<p>Here are some listed menu points from a specific sports genre. Basic concept: every sport genre on full width in listed elements. 
      								Look at 'Fussball' for an example.
      								</p>
      							</div>
      						</div>
      					</li>
      					<li class="full-width el7">
      						<a href="#">Rugby</a>
      						<div class="dropdown-menu">
      							<div class="clearfix content">
      								<p>Here are some listed menu points from a specific sports genre. Basic concept: every sport genre on full width in listed elements. 
      								Look at 'Fussball' for an example.
      								</p>
      							</div>
      						</div>
      					</li>
      					<li class="full-width el8">
      						<a href="#">Handball</a>
      						<div class="dropdown-menu">
      							<div class="clearfix content">
      								<p>Here are some listed menu points from a specific sports genre. Basic concept: every sport genre on full width in listed elements. 
      								Look at 'Fussball' for an example.
      								</p>
      							</div>
      						</div>
      					</li>
      					<li class="full-width el9">
      						<a href="#">Golf</a>
      						<div class="dropdown-menu">
      							<div class="clearfix content">
      								<p>Here are some listed menu points from a specific sports genre. Basic concept: every sport genre on full width in listed elements. 
      								Look at 'Fussball' for an example.
      								</p>
      							</div>
      						</div>
      					</li>
      					<li class="full-width el10">
      						<a href="#">Weitere Sportarten</a>
      						<div class="dropdown-menu">
      							<div class="clearfix content">
      								<p>Here are some listed menu points from a specific sports genre. Basic concept: every sport genre on full width in listed elements. 
      								Look at 'Fussball' for an example.
      								</p>
      							</div>
      						</div>
      					</li>
      				 </ul>
      				 <!-- /CMS part end -->
      			</div>
      
      That problem comes only when I turn my window mode in a lower resolution for mobile devices. When menu design changes to mobile design. :)
      
      • This reply was modified 7 y, 1 mo by  simon.
      • This reply was modified 7 y, 1 mo by  simon.
    • #1632

      simon
      Member

      That problem comes only when I turn my window mode in a lower resolution for mobile devices. When menu design changes to mobile design. 🙂

    • #1633

      Hey there, You must be logged in to view this reply!

      Login | Register | Forgot Password?

    • #1644

      simon
      Member

      Cool it seems to be fixed with that solution. Thank you very much for that fast helpin’ 😀
      Fucking good Menu by the way! I love it really much. Good job.

Viewing 6 reply threads
  • You must be logged in to reply to this topic.

This is a PRIVATE forum for verified users only, to view all replies/answers, you must be logged in!

© Copyright 2020 by wpthms.com. All Rights Reserved.