Question

This is driving me nuts, I can’t see the problem. Using jQuery (I’m stuck with v 1.6.2 btw as it’s within a CMS), I’m trying to show a div of content by clicking on a link.

Here’s my HTML:

        <div id="vl-hcp" class="venue">
            <h1>Title of venue</h1>
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor.</p>
        </div>

<div class="venuesScroller">    
<a href="javascript:void(0);" class="vl-hcp"><span>Title of venue</span></a>
</div>

Here’s my jQuery:

    $('.venuesScroller a').click(function(){
        // Make only currently clicked link active and hide other info boxes
        $('.venuesScroller a').removeClass('active');
        $('.venue').addClass('hidden');

        // Make link active and go through cases for showing text
        $(this).addClass('active');
        if($(this).hasClass('vl-hcp')) {
            $('#vi-hcp').removeClass('hidden');
        }
});

But no classes are changed on the venue div when I click the link and in Chrome (version 17.0.963.56), I’m getting the error:

event.layerX and event.layerY are broken and deprecated in WebKit.
They will be removed from the engine in the near future.

Can anyone see what the issue is? I’m really stuck here.

Thanks,

Osu

Answer 1

It’s not an error, it’s a warning.

When jQuery normalizes the event object, it iterates over all of the properties that it might have, and when it touches layerX and layerY, Chrome’s JS Engine throws the warning.

If the issue is that the hidden class isn’t being removed from #vl-hcp, it’s because of a typo:

$('#vi-hcp').removeClass('hidden');

should be

$('#vl-hcp').removeClass('hidden');