javascript - 如何将数据存储在属性中然后在单击时进行解析？

Question

我的最终目标是能够发送:

$('[data-track]').live('click', function () {
    mpmetrics.track("Share", {'method': 'twitter'});
});

我的问题是如何将共享、方法、twitter 存储在数据绑定(bind)属性中，以便它们是动态的，并且我可以更改应用程序中任何数据跟踪属性上的变量。

<a data-track="XXXXXX" href="#">Tweet</a>

对于 XXXXXX，如何设置 3 个变量，然后在数据轨道绑定(bind)中解析它们？

谢谢

Answer 1

您可以通过 .data() 存储任何类型的值。将三个值作为一系列键/值对存储在对象中:

$('a').data('track', { key1 : 'value1', key2 : 'value2' });

稍后再获取

$('a').data('track');

或者，只需将它们定义为三个数据属性:

<a data-track="XXXXXX" data-key1="value1" data-key2="value2" href="#">Tweet</a>

并通过.data()访问它们:

$('a[data-track]').click(function () {
  var $key1 = $(this).data('key1');
  // ...
});