Ir para o conteúdo
  • Revista PROGRAMAR: Já está disponível a edição #60 da revista programar. Faz já o download aqui!

PF2G

Tab dentro de um PopUp

Mensagens Recomendadas

PF2G

Boa tarde, eu tenho este codigo de um popup em jquery e query acrescentar uma tab dentro do popup. Mas só me aparece as UL com a list-style e nao a tab em si.

<a href="#" id="loginLink" class="popup">LOGIN | REGISTAR</a>

   <div id="popup">
    <div class="close"></div>
    <div id="popup_content">
	 <ul id="menu" class="menu">
	  <li class="active"><a href="#description">Limerick One</a></li>
	  <li><a href="#usage">Limerick Two</a></li>
	  <li><a href="#download">Limerick Three</a></li>
	 </ul>
	 <div id="description" class="content">
	  <h2>Limerick One</h2>
	  <p>
	   The limerick packs laughs anatomical<br />
	   In space that is quite economical,<br />
	   But the good ones I've seen<br />
	   So seldom are clean,<br />
	   And the clean ones so seldom are comical.
	  </p>
	 </div>
	 <div id="usage" class="content">
	  <h2>Limerick Two</h2>
	  <p>
	   Let my viciousness be emptied,<br />
	   Desire and lust banished,<br />
	   Charity and patience,<br />
	   Humility and obedience,<br />
	   And all the virtues increased.
	  </p>
	 </div>
	 <div id="download" class="content">
	  <h2>Limerick Three</h2>
	  Hickere, Dickere Dock,<br />
	  A Mouse ran up the Clock,<br />
	  The Clock Struck One,<br />
	  The Mouse fell down,<br />
	  And Hickere Dickere Dock.
	 </div>

	 <ul id="menu2" class="menu">
	  <li class="active"><a href="#description2">Limerick One</a></li>
	  <li><a href="#usage2">Limerick Two</a></li>
	  <li><a href="#download2">Limerick Three</a></li>
	 </ul>
	 <div id="description2" class="content">
	  <h2>Limerick One</h2>
	  <p>
	   The limerick packs laughs anatomical<br />
	   In space that is quite economical,<br />
	   But the good ones I've seen<br />
	   So seldom are clean,<br />
	   And the clean ones so seldom are comical.
	  </p>
	 </div>
	 <div id="usage2" class="content">
	  <h2>Limerick Two</h2>
	  <p>
	   Let my viciousness be emptied,<br />
	   Desire and lust banished,<br />
	   Charity and patience,<br />
	   Humility and obedience,<br />
	   And all the virtues increased.
	  </p>
	 </div>
	 <div id="download2" class="content">
	  <h2>Limerick Three</h2>
	  Hickere, Dickere Dock,<br />
	  A Mouse ran up the Clock,<br />
	  The Clock Struck One,<br />
	  The Mouse fell down,<br />
	  And Hickere Dickere Dock.
	 </div>

	 <script src="scripts/jquery_tab.js" type="text/javascript" charset="utf-8"></script>
	 <script src="scripts/jquery.tabify.js" type="text/javascript" charset="utf-8"></script>
	 <script type="text/javascript">
	  // <![CDATA[

	  $(document).ready(function () {
	   $('#menu').tabify();
	   $('#menu2').tabify();
	  });

	  // ]]>
	 </script>

    </div> 
   </div> 
   <div class="loader"></div>
   <div id="backgroundPopup"></div>

Deve haver alguma coisa a "colidir", sera que ha maneira de resolver?

Obrigado.

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites
brunoais

1º indenta melhor o HTML, sff. Um espaço é pouco. Eu prefiro 1 tab ou 4 espaços, mas 2 serve.

2º Isso é HTML válido?

http://validator.w3.org/


"[Os jovens da actual geração]não lêem porque não envolve um telecomando que dê para mirar e atirar, não falam porque a trapalhice é rainha e o calão é rei" autor: thoga31

Life is a genetically transmitted disease, induced by sex, with death rate of 100%.

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites
taviroquai

Na parte de javascript em que abres o popup acrescenta codigo par criar as tabs.

Se houver ajax, acrescenta no bloco. complete()

Editado por taviroquai

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!

Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.

Entrar Agora

×

Aviso Sobre Cookies

Ao usar este site você aceita os nossos Termos de Uso e Política de Privacidade. Este site usa cookies para disponibilizar funcionalidades personalizadas. Para mais informações visite esta página.