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:


<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.
vcvijayan MCA, modificado hace 14 años.

RE: jQuery dropdown menu bugs with Firefox.