IE7'de .attr ("href") 'ın yanlış okunması diğer tüm tarayıcılarla karşılaştırılabilir mi?

Question

Bir bağlantı için attr("href") komutunun diğer tüm tarayıcılarla karşılaştırıldığında IE7'de çok farklı şekilde işlenebileceği gerçekten doğru olabilir mi?

ı http://example.com/page.html bir sayfa var ve bu HTML var diyelim:

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

ve bu jQuery:

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

Sonra IE7'de strHref değişkeninin değeri "http://example.com/page.htm#someAnchor" ama olacak diğer tarayıcılarda "#someAnchor" olacaktır.

Son bahsedilen durumun en doğru olanı olduğuna inanıyorum, bu yüzden IE7'nin kötü bir çocuk olması mı yoksa jQuery'deki bir hata mı? Sadece .get(0).href tutarlılık için kullanılmasını öneririz -

Answer 1

Kesinlikle değil yerine .getAttribute('href') ait tarayıcıları tutarsız uygulamalar bir jQuery hata ama bu.

Mutlak URI'yi istemiyorsanız, IE ve Mozilla'da öznitelik metnine .get(0).getAttribute('href', 2) kullanarak erişebilirsiniz. Ancak bu işlem Opera'da çalışmaz ve Safari/Chrome/başka bir şeyde denemedim.

Ayrıca, etki alanını keser ya da .get(0).href için '#' üzerinde bölünebilir ve hatta '#' içerdiği varsayılarak dizinin ikinci bölümünü de kullanabilirsiniz (.length'u kontrol edin).

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

Answer 2

kullandığım:

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

Ben "/" son sonra her şeyi gerektiğinde.

Answer 3

Tüm IE 7+ sürümlerinde olduğu gibi uygulandığına inanıyorum.

kullandığım:

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

yardımcı olur Umut! Şerefe.

Answer 4

Bu sorunla ilgili bir hata buldum: http://bugs.jquery.com/ticket/2747 jQuery, IE7 'bug' için bir geçici çözüm uyguladı. Ancak jQuery 1.7.1'de bu hata yeniden verildi. http://bugs.jquery.com/ticket/11129

Answer 5

Sonra href üzerinden() metodu şeridi yerine JavaScript kullanarak, PHP ile bir değişken oluşturmak sona:

<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

başka bir yoludur I 1.7.1 yeni bir hata oluşturulan Sadece href

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

'u kullanmak için bir veri niteliği kullanmak.

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

Answer 7

Sorun, IE7 ve IE8'in de metni değiştirmesidir.IE7 tutarsız olmakla jQuery hala işlemesi gerektiğini - Yani iyi bir geçici çözüm bu

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