Para mudar o href
de uma elemento podes fazer assim:
elemento.href = 'http://stackoverflow.com';
Podes usar também o .setAttribute
que altera no HTML diretamente:
elemento.setAttribute('href', 'http://stackoverflow.com');
são maneiras diferentes, com algumas diferênças.
Com jQuery podes fazer com .attr()
ou .prop()
seguindo a mesma lógica:
$("a").attr("href", "http://www.outra.coisa/");
Se o que quer é evitar ter no URL o simbolo #
, pode usar href="javascript:void(0)"
. Se não o tiver assim de inicio, pode usar:
$("a").attr("href", "javascript:void(0)"); // talvez queira ser mais específco e usar $("#meuSlideShow a")...
Usar #
é um truque antigo e muito útil. Esse #
ir parar à URL pode ser evitado com o .preventDefault()
também. Mas parece-me que é a ferramenta errada se o que quer é somente não mostrar o #
.
Porém para essa funcionalidade não precisa de uma ancora, pode funcionar tão bem ou melhor com outro elemento como <li>
, <fiv>
ou até <button>
...
Vendo agora o seu HTML e CSS, aqui fica uma nova solução, com jQuery:
var elementosMenu = $('.slide_menu .panel');
$('#page a[id^="link-"]').on('click', function(e){
e.preventDefault();
elementosMenu.css('margin-left', '-102%');
var targetID = this.getAttribute('href').substr(1);
document.getElementById(targetID).style.marginLeft = '0%';
});