Foros de discusión
jQuery dropdown menu bugs with Firefox.
Sam Wan, modificado hace 14 años.
jQuery dropdown menu bugs with Firefox.
Liferay Master Mensajes: 660 Fecha de incorporación: 3/03/09 Mensajes recientes
Hi,
I use liferay 5.2.3 with jQuery 1.2.6 (default version).
I've been trying to use the simplest dropdown menu possible to isolate the bugs, but it turned out I couldn't resolve it.
Here is the bug I got , as attached in this post: The left hand side of the dropdown menu has little circles on each of the sub-menus.
The jspf code is shown as below:
If I move the code to an Apache server with a standalone jQuery1.2.6 file without liferay, it does not have this "bug".
If you guys have came across the same problem and have solved it, please post your suggestion here.
I am desperate seek for help.
Thanks
Sam
I use liferay 5.2.3 with jQuery 1.2.6 (default version).
I've been trying to use the simplest dropdown menu possible to isolate the bugs, but it turned out I couldn't resolve it.
Here is the bug I got , as attached in this post: The left hand side of the dropdown menu has little circles on each of the sub-menus.
The jspf code is shown as below:
<link rel="stylesheet" type="text/css" href="<%= themeDisplay.getPathThemeImages() %>/shopping/files/ddsmooth/ddsmoothmenu.css">
<script type="text/javascript" src="<%= themeDisplay.getPathThemeImages() %>/shopping/files/ddsmooth/ddsmoothmenu.js">
</script>
<script type="text/javascript">
ddsmoothmenu.init({
mainmenuid: "smoothmenu1", //menu DIV id
orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
classname: 'ddsmoothmenu', //class added to menu's outer DIV
//customtheme: ["#1c5a80", "#18374a"],
contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})
ddsmoothmenu.init({
mainmenuid: "smoothmenu2", //Menu DIV id
orientation: 'v', //Horizontal or vertical menu: Set to "h" or "v"
classname: 'ddsmoothmenu-v', //class added to menu's outer DIV
//customtheme: ["#804000", "#482400"],
contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})
</script>
<h2>Example 1</h2>
<div id="smoothmenu1" class="ddsmoothmenu">
<ul>
<li><a href="http://xxx.com">Item 1</a></li>
<li><a href="#">Folder 0</a>
<ul>
<li><a href="#">Sub Item 1.1</a></li>
<li><a href="#">Sub Item 1.2</a></li>
<li><a href="#">Sub Item 1.3</a></li>
<li><a href="#">Sub Item 1.4</a></li>
<li><a href="#">Sub Item 1.2</a></li>
<li><a href="#">Sub Item 1.3</a></li>
<li><a href="#">Sub Item 1.4</a></li>
</ul>
</li>
</ul>
</div>
If I move the code to an Apache server with a standalone jQuery1.2.6 file without liferay, it does not have this "bug".
If you guys have came across the same problem and have solved it, please post your suggestion here.
I am desperate seek for help.
Thanks
Sam
Archivos adjuntos:
vcvijayan MCA, modificado hace 14 años.
RE: jQuery dropdown menu bugs with Firefox.
Arun Kumar S, modificado hace 14 años.
RE: jQuery dropdown menu bugs with Firefox.
Regular Member Mensajes: 182 Fecha de incorporación: 23/06/08 Mensajes recientes
Hi Sam Wan ,
To remove little circles on each of the sub-menus.
Include the below lines in your CSS
ul li, ol ul li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
Thanks,
Arun.
To remove little circles on each of the sub-menus.
Include the below lines in your CSS
ul li, ol ul li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
Thanks,
Arun.
vcvijayan MCA, modificado hace 14 años.