What's wrong with this html5 data attribute

Question

This is the anchor that MVC 2 is creating:

<a class="syncLink" data-resultstarget="OmsToAdminPzInfoSyncResult" 
     href="/Sync/OmsToAdminPzInfoAjax" 
     onclick="Sys.Mvc.AsyncHyperlink.handleClick(this, new Sys.UI.DomEvent(event), { insertionMode: Sys.Mvc.InsertionMode.replace, updateTargetId: &#39;OmsToAdminPzInfoSyncResult&#39; });">
Pz Info</a>

And here's some jQuery. The first alert shows what it should, but the second shows undefied. I'm using jQuery 1.4.1

    $("a.syncLink").click(function () {
        alert($(this).attr("data-resultstarget"));
        alert($(this).data("resultstarget"));
    });

I know I asked this question before, but I don't have any camel casing here, so I'm not sure what the issue is.

Works for me in jQuery 1.7 but not in jQuery 1.3.2

Phrogz
– Phrogz

2011-11-22 19:00:40 +00:00
Commented Nov 22, 2011 at 19:00 — Phrogz
– Phrogz, Commented Nov 22, 2011 at 19:00

SLaks · Accepted Answer · 2011-11-22 18:59:17Z

8

This feature was added in jQuery 1.4.3.
You need to upgrade jQuery.

In older versions, you'll need to use .attr("data-resultstarget")

answered Nov 22, 2011 at 18:59

SLaks

891k182 gold badges1.9k silver badges2k bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

SLaks Over a year ago

@PaulD.Waite: No; it says 1.4.3. api.jquery.com/data

As of jQuery 1.4.3 HTML 5 data- attributes will be automatically pulled in to jQuery's data object. The treatment of attributes with embedded dashes was changed in jQuery 1.6 to conform to the W3C HTML5 specification.

Adam Rackis Over a year ago

Docs say data was added in 1.2 - so that was only for local, in-memory storage—ie not reading from html5 attributes? docs.jquery.com/Data

Adam Rackis Over a year ago

Ok - got it. Data was extended in 1.4.3 to support html5 data attributes. Thank you for the quick answer @SLaks.

zzzzBov Over a year ago

I went and reviewed the source code for 1.4.1 just to check, and there's definitely no data-attribute logic behind-the-scenes.

ShankarSangoli · Accepted Answer · 2011-11-22 19:01:15Z

1

Upgrade your jQuery library. This feature was added in the later version.

answered Nov 22, 2011 at 19:01

ShankarSangoli

69.9k13 gold badges96 silver badges124 bronze badges

Collectives™ on Stack Overflow

What's wrong with this html5 data attribute

2 Answers 2

4 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related