Why does the Jquery UI import on the page not work?

Asked

Viewed 153 times

0

I am therefore not having access to the Jquery IU theme on my HTML page. I assume that when creating a button and a menu, it already shows me in the layout of the theme, in which I downloaded the files, but it doesn’t 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>
javascript jquery html

  • you already consulted the documentation?

  • Are the paths to the css and js files correct? When you access the source code on the page, you can access the css and js files?

  • 1

    jquery ui, has CDN (online) structure and local structure, it is important to know the origin of these files, otherwise it will not work even.

  • From what it seems you are importing more than one version of Jquery, that of conflict.

  • Yes the paths are correct. In the IDE itself when I put '/' it already shows me the files in the folder.

  • How so CDN? Could I explain better, please?

Show 1 more comment
No answers

Browser other questions tagged javascript jquery html

You are not signed in. Login or sign up in order to post.