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

This topic is: Resolved

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

This topic contains 6 replies, has 2 voices, and was last updated by  simon 3 years, 2 months ago.

  • Author
    Posts
  • #1582

    simon
    Member
    Post count: 5

    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

    Rooney boy
    Staff
    Post count: 50

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

    Login | Register | Forgot Password?

  • #1628

    Rooney boy
    Staff
    Post count: 50

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

    Login | Register | Forgot Password?

  • #1630

    simon
    Member
    Post count: 5

    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 3 years, 2 months ago by  simon.
    • This reply was modified 3 years, 2 months ago by  simon.
  • #1632

    simon
    Member
    Post count: 5

    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

    Rooney boy
    Staff
    Post count: 50

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

    Login | Register | Forgot Password?

  • #1644

    simon
    Member
    Post count: 5

    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.

You must be logged in to reply to this topic.

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