[Resolvido] Link não funciona (mto estranho)

[an@m 0]

Olá boa tarde,

 

Estou com problemas no link do Blog conforme o código abaixo:

                  <nav>
                       <ul class="menu">
                           <li><a class="anchorLink" href="#doma">DOMA</a></li>
                           <li><a class="anchorLink" href="#-portfolio">PORTFÓLIO</a></li>
                           <li><a class="anchorLink" href="#contato">OLAH!</a></li>
                           <li><a href="blog.html">BLOG</a></li>
                       </ul>
                   </nav>
                    <nav>
                      <ul class="menu-mobile">
                           <li><a href="#doma" id="-doma">DOMA</a></li>
                           <li><a href="#-portfolio" id="portfolio">PORTFÓLIO</a></li>
                           <li><a href="voluntariado.html" id="volunta">VOLUNTARIADO</a></li>
                           <li><a class="anchorLink" href="#contato" id="olah">OLAH!</a></li>
                           <li><a href="blog.html">BLOG</a></li>
                       </ul>
                   </nav>

 

O menu acima funciona para desktop e outro para Mobile.

 

No link onde está BLOG no mobile ele vai para a página blog.html

Agora pra Desktop não vai de jeito nenhum para a página blog.html

 

Gostaria da opinião do pessoal do Fórum do que pode ser.....

[rafael-tdc 13]

esse blog.html seria "interno" do seu site, o nome do arquivo é blog.html mesmo ou é um blog "externo" do seu site?

 

Por que se for sair do seu site para outro, você tem que por http://ENDEREÇO.

Por exemplo, seu site é www.seusite.com.br, e tem um link pro google, ficaria assim:

<a href="http://www.google.com.br">Google</a>

 

Se não for esse o erro, pode ser algum js, css, ou algo do tipo, dai você tem que passar mais detalhes de todos os outros arquivos que estão linkado a esse

[an@m 0]

Então Rafa,

 

É uma página seria "interno" do site. O nome do arquivo é blog.html que está feito o HTML e o CSS da página.

 

Daí eh assim.... eh uma INDEX só, onde conforme no menu que te passei:

              
                   <nav>
                       <ul class="menu">
                           <li><a class="anchorLink" href="#doma">DOMA</a></li>
                           <li><a class="anchorLink" href="#-portfolio">PORTFÓLIO</a></li>
                           <li><a class="anchorLink" href="#contato">OLAH!</a></li>
                           <li><a href="blog.html">BLOG</a></li>
                       </ul>
                   </nav>

 

os três primeiros links rola na página INDEX como âncora, e somente o link do BLOG que chama a página blog.html

 

será q está tendo conflito no jquery (jquery.anchor.js)

 

:(!!

[rafael-tdc 13]

pode ser também,

em vez de colocar esse jquery somente nos links ancoras, ele deve ter sido colocado em todos

 

passa o trecho em que você linka o jquery e instancia ele na index

[an@m 0]

Então no jquery tem essa função:

$(document).ready(function() {
$("a.anchorLink").anchorAnimate()
});

jQuery.fn.anchorAnimate = function(settings) {

	settings = jQuery.extend({
	speed : 1500
}, settings);	

return this.each(function(){
	var caller = this
	$(caller).click(function (event) {	
		event.preventDefault()
		var locationHref = window.location.href
		var elementClick = $(caller).attr("href")

		var destination = $(elementClick).offset().top;
		$("html:not(:animated),body:not(:animated)").animate({ scrollTop: destination}, settings.speed, function() {
			window.location.hash = elementClick
		});
	  	return false;
	})
})
}

 

ai mando chamar no HEAD neh..

<script src="_js/_lib/jquery.anchor.js" type="text/javascript"></script>

 

e na index o HTML DO MENU

 

<nav>
                       <ul class="menu">
                           <li><a class="anchorLink" href="#doma">DOMA</a></li>
                           <li><a class="anchorLink" href="#-portfolio">PORTFÓLIO</a></li>
                           <li><a class="anchorLink" href="#contato">OLAH!</a></li>
                           <li><a href="blog.html">BLOG</a></li>
                       </ul>
                   </nav>

[MK-Pro 3]

acho q "#-portfolio" nao eh valido tenta so #portifolio

e nao tem nenhum js bloqueando a açao ???

 

ops funciona ...

mas voce sabe q isso ira ir para #dome e o #dome seria em html

<a href=#dome>DOME</a>
<br><br>
<br><br>
<br><br>
<br><br>
<br><br>
<br><br>
<a name="dome">DOME....

[an@m 0]

Só queria avisar vcs....que consegui verificar o erro.

Era um bug no JS

 

Obrigada viu pela ajuda!!! Mto grata!! =D