I am not therefore having access to the Jquery UI theme in my HTML page. I assume that when I create a button and a menu, it already shows me in the layout of the theme, in which I downloaded the files, but it does not work. It shows the layout of a button and a common menu. Can anyone help me?
<html>
<head>
<link href="/jquery-ui-1.11.4.custom/jquery-ui.css" rel="stylesheet">
<link href="/jquery-ui-1.11.4.custom/jquery-ui.theme.css" rel="stylesheet">
<script type="text/javascript" src="/jquery-ui-1.11.4.custom/external/jquery/jquery.js"></script>
<script src="/jquery-ui-1.11.4.custom/jquery-ui.js"></script>
<script>
$(function() {
$("#IDdaDiv")
.button()
.click(function(){
$("#dialog").dialog();
})
});
</script>
</head>
<body>
<ul class="menu">
<li><a href="main.php" target="_self">Página Inicial</a></li>
<li><a href="#" target="_self">Gestão de Pessoas</a>
<ul class="listasubmenu">
<li><a href="#" target="_self">Colaboradores</a></li>
<ul class="sub-submenu">
<li><a href="#" target="_self">Inclusão</a></li>
<li><a href="#" target="_self">Editar</a></li>
<li><a href="#" target="_self">Histórico</a></li>
<li><a href="#" target="_self">Capacitações</a></li>
<li><a href="#" target="_self">Documentos</a></li>
</ul>
</ul>
</li>
<li><a href="#" target="_self">Consulta</a>
<ul class="listasubmenu">
</ul>
</li>
<li><a href="#" target="_self">Relatórios</a>
</ul>
</li>
<li><a href="# target="_parent">Sair</a></li>
</ul>
<button>A button element</button>
</body>
</html>