i making menu blog. have added 2 jquery scripts make menu work after adding it, rest of links on blog won't work. don't know wrong code ? links doesn't work if click or tap. blog hosted on blogger platform.
my menu code :
<div class='top-nav'> <span class='menu'> menu </span> <ul class='nav1'> <li><a href=''>home </a></li> <li><a href=''>home2</a></li> <li><a href=''>home3</a></li> <li><a href=''>home4</a></li> <li><a href=''>home5</a></li> <li><a href=''>home6</a></li> </ul> <!-- script-for-menu --> <script> $("span.menu").on("tap", function() { $("ul.nav1").slidetoggle(function() { // animation complete. }); }); </script> <!-- /script-for-menu --> </div> jquery scripts deployed:
<script src="http://code.jquery.com/jquery-1.11.3.min.js"/> <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"/> thanks help.
just playing blind here since there no working fiddle try working...i ll advise giving id such listener gets attached mymenu , not span class menu.
<div class='top-nav'> <span id="mymenu" class='menu'> menu </span> <ul class='nav1'> <li><a href=''>home </a></li> <li><a href=''>home2</a></li> <li><a href=''>home3</a></li> <li><a href=''>home4</a></li> <li><a href=''>home5</a></li> <li><a href=''>home6</a></li> </ul> <!-- script-for-menu --> <script> $("#mymenu .menu").on("tap", function() { $("#mymenu ul .nav1").slidetoggle(function() { // animation complete. }); }); </script> <!-- /script-for-menu --> </div> 
Comments
Post a Comment