Take the 2-minute tour ×
$("body").delegate('area[id=area_kontakt]','mouseover mouseleave', function(e){
if (e.type == 'mouseover') {
} else {

Why this code doesn't work in IE7? In IE8, FF, Ch everything is OK. Any help?


share|improve this question
Try changing 'area[id=area_kontakt]' to 'area[id="area_kontakt"]' -- The IE is really pendantic sometimes. –  Smamatti Nov 14 '11 at 12:04
Why not use #area_kontakt instead of an explicit id attribute selector? –  Frédéric Hamidi Nov 14 '11 at 12:06
insted of area[id=area_kontakt], why can't we use like this "#area_kontakt"? This is not solution, just doubt... r u using multiple ids with same name? –  Naga Harish Movva Nov 14 '11 at 12:07
No. The 'area_kontakt' element is unique! –  parzol Nov 14 '11 at 13:01
add comment

2 Answers

up vote 5 down vote accepted

Having examined your site, I've found the cause of the problem.

Nobody could have worked this out without seeing the site, because the problem had nothing to do with the code you've provided in your question.

In functions.js, you have this a few times (I've trimmed it down):

    top: 50, //<---
    /*onOpen: function (xxx) {

The problem is that trailing comma; it breaks IE7 and older.

share|improve this answer
..and if you don't have multiple elements with the same id, just ignore me :) –  thirtydot Nov 14 '11 at 12:47
I ignore You ;) –  parzol Nov 14 '11 at 12:59
Oh well. Do you have a live page demonstrating the problem? Or can you make a jsFiddle or JS Bin demo? –  thirtydot Nov 14 '11 at 13:01
Thanks a lot! Awesome! :) –  parzol Nov 14 '11 at 13:46
+1 for the pic ;) –  gion_13 Dec 30 '11 at 14:41
show 1 more comment

I'm pretty sure it's because IE7 doesn't support atrribute selectors: [id=area_kontakt], You'll have to use a class name/Id name for IE7 to support it inside your jQuery.

share|improve this answer
No. No effect :( –  parzol Nov 14 '11 at 13:06
add comment

Your Answer


