Skip to main content

Bug Tracker

Side navigation

#5963 closed bug (invalid)

Opened January 28, 2010 01:09PM UTC

Closed January 29, 2010 03:30AM UTC

Attribute Selector Error in Internet Explorer 7/8

Reported by: Executter Owned by:
Priority: major Milestone: 1.4.2
Component: unfiled Version: 1.4.1
Keywords: Cc:
Blocked by: Blocking:
Description

The following selector works in every Browser, except IE8 with IE7-Compatibility-Mode:

$("a[href='#test']").click(function(){

alert("blah");

return false;

});

The link in source-code looks like this:

<a href="#test">Test/<a>

It produce no errors, but IE is ignoring this event completely. Instead showing the alert-box, IE is opening the link with the parameter "#test".

This selector has been successfully tested in: Firefox 3.6, Opera 9.64 and Chrome 3.0.195.38, but in IE8 it don't work.

To bypass this error I've given the link an Id and used the Id in the selector.

The strange fact is, that another selector with the same syntax works: $("a[href='#produkte']").click(...)

I've attached the whole script to this ticket.

Thanks for your attension.

Attachments (1)
  • produkte.jquery.js (5.0 KB) - added by Executter January 28, 2010 01:10PM UTC.

    Whole Script

Change History (1)

Changed January 29, 2010 03:30AM UTC by dmethvin comment:1

resolution: → invalid
status: newclosed

Unfortunately, IE "normalizes" the href attribute to the full url (http://yoursite.com/page.htm#test). That is why your attribute test does not match. Try a selector like

[href$='#test']
instead.