Como usar jQuery UI

[freela5 0]

Fiz o download da biblioteca UI, quero usar o .tabs() mas não consigo, quais arquivos tenho que linkar, como faço pra usar a UI?

[Alex Hiroshi 7]

Precisa do jquery, do jquery.ui (você fez o download de todo o UI?) e um css para deixar com um visual bonito.

[freela5 0]

  Em 16/11/2009 at 21:24, 'Lex' disse:

Precisa do jquery, do jquery.ui (você fez o download de todo o UI?) e um css para deixar com um visual bonito.

 

Oi Lex, fiz o download do UI mas veio uma pasta com varios arquivos, quais eu tenho que linkar na pagina?

 

Minha pagina ta assim

 

<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
  <script type="text/javascript" src="js/ui/ui/ui.core.js"></script>
  <script type="text/javascript" src="js/ui/ui/ui.tabs.js"></script>
  <script type="text/javascript" src="js/functions.js"></script>

E o corpo:

 

<div id="tabs" class="espaco">
    	<ul>
      	<li><a href="#tabs-1">web 2.0</a></li>
        <li><a href="#tabs-1">design</a></li>
        <li><a href="#tabs-1">print</a></li>
      </ul>
      <div id="tabs-1">
        <p>Tab 1.</p>
      </div>
      <div id="tabs-2">
        <p>Tab 2.</p>
      </div>
      <div id="tabs-3">
        <p>Tab 3.</p>
      </div>
    </div>

Mas as tabs não estão funcionando...

[lucasmartins 6]

Faça as seguintes correções:

 

<div id="tabs" class="espaco">
 	<ul>
 	<li><a href="#tabs-1">web 2.0</a></li>
 <li><a href="#tabs-2">design</a></li>
 <li><a href="#tabs-3">print</a></li>
 </ul>
 <div id="tabs-1">
 <p>Tab 1.</p>
 </div>
 <div id="tabs-2">
 <p>Tab 2.</p>
 </div>
 <div id="tabs-3">
 <p>Tab 3.</p>
 </div>
 </div>

e tem q por o

 

$(document).ready(function() {
			
			$("#tabs").tabs();

});

[karpov 0]

Pessoal, estou com um problema semelhante ao relatado acima com o Jquery UI. Embora tenha o seguinte panorama.

Tenho uma página A que carrega em um div uma página B (via AJAX), e nessa página B estou tentando carregar a Tabs, porém ele traz o conteúdo mas não monta a bendita da Tabs... Quando rodo a página só com o Jquery UI isoladamente, ele carrega beleza. Alguém pode dar algum help?

[William Bruno 1501]

Coloque todos os scripts na página que já está carregada. E não na que vem por AJAX.

Se com isso o script ainda não funcionar, você terá que usar a função live() para atrelar em tempo real, o evento ao objeto carregado dinamicamente.

[karpov 0]

  Em 03/01/2010 at 11:12, 'William Bruno' disse:

Coloque todos os scripts na página que já está carregada. E não na que vem por AJAX.

Se com isso o script ainda não funcionar, você terá que usar a função live() para atrelar em tempo real, o evento ao objeto carregado dinamicamente.

 

Oi Willian, Obrigado pela força... Mas confesso que ainda estou perdido, coloquei os scripts na página já carregada mas a Tab não está montanto. Sou barriga verde com jquery e pesquisando no site observei que o live() tem que estar vinculado a um evento, me corrija se estiver errado. Por se tratar de uma TAB, como utilizaria nesse caso?