Menu Bar Question

jQuery UI Widgets
Post Reply
manimbul
Posts: 1
Joined: 19 Aug 2013, 18:05

19 Aug 2013, 18:31

Hi Prime UI Team,

I have try menu bar on my local computer, but not working as on Prime UI demo.
Here is my source code of menubar

Code: Select all

<html>
<head>
	<link type="text/css" rel="stylesheet" href="common/css/application.css" />
	<link type="text/css" rel="stylesheet" href="common/css/jquery-ui.css" />
	<link type="text/css" rel="stylesheet" href="common/css/prime-ui.css" />
	<script type="text/javascript" src="common/js/jquery.js"></script>
	<script type="text/javascript" src="common/js/jquery-ui.js"></script>
	<script type="text/javascript" src="common/js/prime-ui.js"></script>
	<meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
	<script type="text/javascript">  
	    $(function() {  
	        $('#mb1').puimenubar();  
		});  
	</script>
</head>
<body>
<ul id="mb1">
    <li> <a data-icon="ui-icon-document">File</a>
        <ul> 
            <li><a data-icon="ui-icon-contact">New</a>
                <ul>
                    <li><a>Project</a></li>
                    <li><a>Other</a></li>
                </ul>
            </li> 
            <li><a>Open</a></li> 
            <li><a>Quit</a></li> 
        </ul>
    </li>
    <li> <a data-icon="ui-icon-pencil">Edit</a>
        <ul>
            <li><a data-icon="ui-icon-arrowreturnthick-1-w">Undo</a></li>
            <li><a data-icon="ui-icon-arrowreturnthick-1-e">Redo</a></li>
        </ul>
    </li>
    <li>
        <a data-icon="ui-icon-help">Help</a>
        <ul>
            <li><a>Contents</a></li>
            <li>
                <a data-icon="ui-icon-search">Search</a>
                <ul>
                    <li><a>Text</a>
                        <ul>
                            <li><a>Workspace</a></li>
                        </ul>
                    </li>
                    <li><a>File</a></li>
                </ul>
            </li>

        </ul>
    </li>
    <li>
        <a data-icon="ui-icon-gear">Actions</a>
        <ul>
            <li><a data-icon="ui-icon-refresh">Ajax</a>
                <ul>
                    <li><a data-icon="ui-icon-disk">Save</a></li>
                    <li><a data-icon="ui-icon-arrowrefresh-1-w">Update</a></li>
                </ul>
            </li>
            <li><a data-icon="ui-icon-document">Non-Ajax</a>
                <ul>
                    <li><a data-icon="ui-icon-close">Delete</a></li>
                </ul>
            </li>
        </ul>
    </li>
    <li>
        <a data-icon="ui-icon-close">Quit</a>
    </li>
</ul>
</body>
</html>
Bar and menu on bar are show, but children of each menu on bar are not show when mouse hover on it.
This is my capture screen

Image

I'm using
primeui-0.9.5
jquery-1.8.3
jquery-ui-1.9.2
and using theme: start (from jqueryui themeroller)

thank you,

Manimbul

Post Reply

Return to “PrimeUI”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest