Dropdown do bootstrap

12 de janeiro de 2013 11 respostas

CristianPalmaSola10 12 de janeiro de 2013

to com problema com os dropdown do twitter bootstrap eles simplesmente não abre

&lt;!DOCTYPE html&gt;
&lt;%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%&gt;
&lt;%@taglib prefix="tiles" uri="http://tiles.apache.org/tags-tiles"%&gt;
&lt;%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%&gt;

&lt;html&gt;
	&lt;head&gt;
		&lt;title&gt;&lt;tiles:getAsString name="titulo" /&gt;&lt;/title&gt;
		&lt;link rel="stylesheet" href="&lt;c:url value="/recursos/css/bootstrap.css"/&gt;" /&gt;
	&lt;/head&gt;
	&lt;body&gt;
		&lt;tiles:insertAttribute name="cabecalho" /&gt;
	
		&lt;div class="container"&gt;
			&lt;div class="row"&gt;
				&lt;div class="span13"&gt;
					&lt;div class="well" style="margin-top: 150px;"&gt;
						<ul >
							<li >
								<a     >Cadastros<b ></b></a>
								<ul   >
									<li><a  >Produto</a></li>
								</ul>
							</li>
							<li >
								<a     >Listagem<b ></b></a>
								<ul    >
									
								</ul>
							</li>
							<li >
								<a     >Config. Sistema<b ></b></a>
								<ul   >
	
								</ul>
							</li>
						</ul>
						
						&lt;tiles:insertAttribute name="conteudo" /&gt;
					&lt;/div&gt;
				&lt;/div&gt;
			&lt;/div&gt;
		&lt;/div&gt;
		
		&lt;tiles:insertAttribute name="rodape" /&gt;
		
		&lt;script type="text/javascript" src="&lt;c:url value="/recursos/js/bootstrap.js"/&gt;"&gt;&lt;/script&gt;
		&lt;script type="text/javascript" src="&lt;c:url value="/recursos/js/jquery.js"/&gt;"&gt;&lt;/script&gt;
		
	&lt;/body&gt;
&lt;/html&gt;

alguem saberia o porque não funciona e como consertar to a maior tempao com esse problema não achei solucao, valeu galera…

11 Respostas

dxos 12 de jan. de 2013

&lt;div class="dropdown"&gt;
  <a   >Dropdown trigger</a>
  <ul   >
    ...
  </ul>
&lt;/div&gt;

No site do bootstrap tem 2 exemplos que funcionam direitinho

CristianPalmaSola10 14 de jan. de 2013

Para mim não estão funcionando, naum sei porque se eu fizer um html normal funciona mas pelo jsp não esta funcionando não sei porque ja quebrei a cabeça tentando descobrir e nada, alguem saberia porque, o que fazer par funcionar ?

dxos 14 de jan. de 2013

Verifique os cabeçalhos das paginas, coloque no seu JSP o mesmo que utilizou no HTML
Verifique também o doctype da pagina…
Já tive problemas como esse. O bootstrap é bem sensível nesses pontos

CristianPalmaSola10 14 de jan. de 2013

Esse é o cabeçalho do html

&lt;head&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;title&gt;Bootstrap dropdown with navbar example&lt;/title&gt;
    &lt;link href="bootstrap.css" rel="stylesheet" type="text/css"&gt;
	&lt;script type="text/javascript" src="jquery.js"&gt;&lt;/script&gt;
	&lt;script type="text/javascript" src="bootstrap.js"&gt;&lt;/script&gt;
&lt;/head&gt;

e esse o cabecalho do jsp

&lt;head&gt;
		&lt;meta charset="utf-8"&gt;
		&lt;title&gt;&lt;tiles:getAsString name="titulo" /&gt;&lt;/title&gt;
		&lt;link href="&lt;c:url value="/recursos/css/bootstrap.css"/&gt;" rel="stylesheet" type="text/css"/&gt;
		&lt;script type="text/javascript" src="&lt;c:url value="/recursos/js/bootstrap.js"/&gt;"&gt;&lt;/script&gt;
		&lt;script type="text/javascript" src="&lt;c:url value="/recursos/js/jquery.js"/&gt;"&gt;&lt;/script&gt;

	&lt;/head&gt;

os arquivos são os mesmo so no jsp eu uso o spring para localiza-los no projeto, nada de mais e os arquivos são achados sem problemas

quando ao doctype, no jsp havia <!DOCTYPE html>
tentei remove-lo do jsp, depois adiciona-lo no jsp e no html mas mesmo assim não resolveu o meu problema

o que mais poderia ser tentando ?

dxos 14 de jan. de 2013

&lt;script type="text/javascript" src="&lt;c:url value="/recursos/js/bootstrap.js"/&gt;"&gt;&lt;/script&gt;  
    &lt;script type="text/javascript" src="&lt;c:url value="/recursos/js/jquery.js"/&gt;"&gt;&lt;/script&gt;

estão sendo importados do lugar certo ?

verifique se esses caminhos estão certos quando inicia a aplicação.

CristianPalmaSola10 14 de jan. de 2013

sim esta certo isso foi a primeira coisa que me passou pela cabeça que poderia estar errado mas ja cansei de verificar isso e ele consegue sim achar os arquivos

dxos 14 de jan. de 2013

cara, outra coisa vi que suas ul não estão marcadas.
copia esse aqui e vê se funciona

&lt;div class="navbar navbar-inverse"&gt;
    &lt;div class="navbar-inner"&gt;
        &lt;div class="container-fluid"&gt;
            <a   >
                &lt;span class="icon-bar"&gt;&lt;/span&gt;
                &lt;span class="icon-bar"&gt;&lt;/span&gt;
                &lt;span class="icon-bar"&gt;&lt;/span&gt;
            </a>
             
            &lt;div class="nav-collapse"&gt;
                <ul >
                    <li >
                        <a   >INICIO</a>
                    </li>
                    <li  >
                        <a   >
                            Menu 1
                            <b ></b>
                        </a>
                        <ul >
                            <li><a    >Op 1</a></li>
                            <li><a    >Op 2</a></li>
                            <li ></li>
                        </ul>
                    </li>
					 <li  >
                        <a   >
                            Menu 2
                            <b ></b>
                        </a>
                        <ul >
                            <li><a    >Op 1</a></li>
                            <li><a    >Op 2</a></li>
                            <li ></li>
                        </ul>
                    </li>
                </ul>
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;

CristianPalmaSola10 14 de jan. de 2013

alguma ideia do que pode estar acontecendo na minha aplicação ?

CristianPalmaSola10 14 de jan. de 2013

bom eu testei seu codigo e ele ficou nesse formato quando executei a aplicacao

*INICIO
*Menu 1
*Op1
*Op2
*Menu 2
*Op1
*Op2
*

ficou assim com o fundo em preto

CristianPalmaSola10 15 de jan. de 2013

Cara depois de muito esforço e muito cafe tambem consegui resolve essa parada, solucao criei um custom.js no meu projeto e copiei o conteudo do bootstrap.js para esse arquivo dai a parada passou a funcionar, meio loco não acha mas o importante é que ta funcionando

valeu pela ajuda…

pinkman 26 de dez. de 2013

Tive o mesmo problema. O erro está na importação do javascript do bootstrap, primeiramente vc deve carregar o jquery.

Criado 12 de janeiro de 2013

Ultima resposta 26 de dez. de 2013

Respostas 11

Participantes 3

11 Respostas

Topicos relacionados