Community Learn Tools Library Leisure
search
English
menu position
小柯
小柯 2019-12-23 15:43:46
0
3
1375

Why is my position invalid and always the default position

小柯
小柯

reply all(1)
ringa_lee
ringa_lee2019-12-26 09:19:49 1 floor

Please send me the specific code, I don’t know how to answer your question

Like +0
Add Reply
  • reply My previous problem has been solved because it referenced the old version of jq ui file. This is the source code, but the secondary menu is horizontal, which is not what the teacher said. This is my new problem. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <script src="jquery-ui-1.11.1/jquery.js"></script> <script src="jquery-ui-1.12.1.custom/jquery-ui.min.js"></script> <link type="text/css" rel="stylesheet" href="jquery-ui-1.12.1.custom/jquery-ui.min.css"> <style type="text/css"> * { margin: 0; } #navigator { width: 97%; position: absolute; left: 20px; margin: 0 auto; } .ui-menu:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .ui-menu .ui-menu-item { display: inline-block; float: left; margin: 0; padding: 0; width: 150px; font-size: 24px; } </style> <script> $(document).ready(function() { $("#menu").menu({ position: { my: "right top", at: "right-5 bottom+5" }, }); }); </script> <title>Horizontal menu--Navigation bar</title> </head> <body> </head> <body> <div id="navigator"> <ul id="menu"> <li>Aberdeen</li> <li>Ada</li> <li>Adamsville</li> <li>Addyston</li> <li>Delphi <ul> <li class="ui-state-disabled">Ada</li> <li>Saarland</li> <li>Salzburg an der schönen Donau</li> </ul> </li> <li>Saarland</li> <li>Salzburg <ul> <li>Delphi </li> <li>Delphi </li> <li>Perch</li> </ul> </li> <li>Amesville</li> </ul> </div> </body> </html> My previous problem has been solved because it referenced the old version of jq ui file.
    小柯 author 2019-12-26 10:20:49
  • reply Thanks ! !
    小柯 author 2019-12-26 10:21:42
Popular Topics
More>
Popular Articles
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template