Estrazione errata di .attr ("href") in IE7 rispetto a tutti gli altri browser?

Question

È proprio vero che il comando attr("href") per un collegamento è gestito in modo molto diverso in IE7 rispetto a tutti gli altri browser?

Diciamo che avere una pagina alla http://example.com/page.html e ho questo HTML:

<a href="#someAnchor" class="lnkTest">Link text</a> 

e questo jQuery:

var strHref = $(".lnkTest").attr("href"); 

Poi in IE7 il valore della variabile strHref sarà "http://example.com/page.htm#someAnchor" ma in altri browser sarà "#someAnchor".

Credo che l'ultimo caso menzionato sia il più corretto, quindi è solo un caso in cui IE7 è un cattivo ragazzo o è un bug in jQuery?

Answer 1

E 'certamente non un bug in jQuery ma invece implementazioni inconsistenti browser di .getAttribute('href') - Io suggerisco di usare solo .get(0).href per coerenza.

Sembra che sia possibile accedere al testo dell'attributo in IE e Mozilla utilizzando .get(0).getAttribute('href', 2) se non si desidera l'URI assoluto. Nota comunque questo non funzionerà in Opera e non ho provato in Safari/Chrome/nient'altro.

È anche possibile rimuovere il dominio o dividere il numero "#" per .get(0).href e utilizzare la seconda parte dell'array assumendo che contenga anche "#" (controllare .length).

http://www.glennjones.net/Post/809/getAttributehrefbug.htm

Answer 2

io uso:

var hrefArr = $(this).attr('href').split('/'); 
var id = hrefArr[hrefArr.length-1]; 

quando ho bisogno di tutto dopo l'ultima "/".

Answer 3

Credo che sia implementato così in tutti IE 7+.

io uso:

var href=jQuery('#foo').attr('href'); 
href=href.substring(href.indexOf('#')); 

Speranza che aiuta! Saluti.

Answer 4

Ho trovato un bug relativo a questo problema: http://bugs.jquery.com/ticket/2747 jQuery ha implementato una soluzione alternativa per il bug di IE7. Tuttavia in jQuery 1.7.1 questo bug è stato reintrodotto. Ho creato un nuovo problema per 1.7.1: http://bugs.jquery.com/ticket/11129

Answer 5

ho finito per creare una variabile tramite PHP, quindi utilizzando il JavaScript replace() metodo della striscia fuori dalla href:

<script>var domain = 'http://<?=$_SERVER['HTTP_HOST']?>';</script> 

<script> 
$(function(){ 
/* prevent default action of all anchors with hash class */ 
$('#canvas').on('click', 'a.hash', function(event) { 
    event.preventDefault(); 
      // get the href of the anchor 
    var hash = '!' + $(this).attr('href'); 
      // remove the absolute url if it exists 
    hash = hash.replace(domain, ''); 
    // redirect 
      window.location.hash = hash; 
}); 
}); 
</script> 

Answer 6

altro modo è utilizzare semplicemente un attributo di dati, invece di href

<a data-href="#anchor-0">example</a> 

.

var href = $(this).attr('data-href'); 

Answer 7

Il problema è che IE7 e IE8 cambiano anche il testo.Quindi una buona soluzione è fare questo

$('#linkId').attr('href','newlink').text('oldtext');