Search jQuery

jQuery Forum

Using jQuery

Kevin B

href attribute IE vs Standards browsers

in Using jQuery • 9 years ago

I'm having an odd issue that i can't recreate in jsbin.

i have an anchor tag:

<a class="navigateToCategory" href="#523">Instruments</a>

and the code below:

$('.navigateToCategory').bind('click',function(e){
e.preventDefault();
alert($(this).attr('href'));
});

IE will give me "http://mydomain/index.cfm#523" while all other browsers give me "#523".

I tried to recreate this using a small test case, but i can't do it. IE always returns the "#523" just like all the other browsers. here's a jsbin of it working http://jsbin.com/unowe3/13

any ideas why .attr('href') would be different in IE vs Other browsers on my page but not jsbin? i'm using the same doctype and version of jquery, and identical code. i can't think of any code that i could have written that would affect how .attr('href') works.

Edit: i did build a "hacky" solution for it by using $.browser.msie and an if statement, but it doesn't make any sense to me why it would be different in my situation vs any other.(not to mention, if it for some reason starts working properly, the "hacky" solution will cause it to not work)

-- Kevin

------------------------------------------------
http://www.tentonaxe.com - jQuery Snippets and Tutorials

Replies(3)

Kevin B

Re: href attribute IE vs Standards browsers

9 years ago

Update:

This bug occurs after loading a div with html from a different page.

page1.html:

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>
$(function(){
$('#drill').load('page2.html');
$('#drill a').live('click',function(){
alert(this.href);
alert($(this).attr('href'));
});
});
</script>
</head>
<body>
<div id="drill"></div>
</body>
</html>

page2.html:

<ul><li><a href="#1">1</a>
<ul>
<li><a href="#1-1">1-1</a></li>
<li><a href="#1-2">1-2</a></li></ul></li>
<li><a href="#2">2</a>
<ul>
<li><a href="#2-1">2-1</a></li>
<li><a href="#2-2">2-2</a></li></ul></li>
<li><a href="#3">3</a>
<ul>
<li><a href="#3-1">3-1</a></li>
<li><a href="#3-2">3-2</a></li></ul></li></ul>

the alert(this.href) shows that this is an issue on the browser level. Why does this only happen after an ajax call and not after a .innerHTML using the same dom from page2.html?

-- Kevin

------------------------------------------------
http://www.tentonaxe.com - jQuery Snippets and Tutorials

Kevin B

Re: href attribute IE vs Standards browsers

9 years ago

workaround: use $(this).attr('hash') rather than $(this).attr('href').

solution also works with $('#drill a[hash=#523]')

-- Kevin

------------------------------------------------
http://www.tentonaxe.com - jQuery Snippets and Tutorials

Cyril

Re: href attribute IE vs Standards browsers

8 years ago

Thank you so much !

Top Reply

Response title

Attachments

jQuery Forum

href attribute IE vs Standards browsers

Replies(3)

Re: href attribute IE vs Standards browsers

Re: href attribute IE vs Standards browsers

Re: href attribute IE vs Standards browsers

Statistics

Tags

Actions

Related Posts