jQuery：使用数据对象作为数据属性创建锚点

Question

我在使用数据对象 (patientData) 作为数据患者属性创建锚点时遇到问题。示例打击显示了我正在尝试做的事情。 jQuery 文档声明您可以传递 .data() 名称和对象，但我无法设置它。

http://api.jquery.com/data/

我尝试了许多不同的方法。他们不使用任何 .serialize() 或 JSON.stringify()。我认为这是一个简单的错误，或者我错过了一些重要的东西。注释“//”是我尝试将“数据患者”属性设置为数据对象的一些旧方法。

// Define patient data as object
var patientData = {};
if (appt.appt_id) patientData.appt_id = appt.appt_id;
if (appt.enc_id) patientData.enc_id = appt.enc_id;
if (appt.person_id) patientData.person_id = appt.person_id;

var patientAnchor = $('<a />', {
    href: myUrl,
    html: patientHtml,
    class: 'apptSet',
//    'data-patient': JSON.stringify(patientData),
//    'data-appt_id': (appt.appt_id) ? appt.appt_id : null,
//    'data-enc_id': (appt.enc_id) ? appt.enc_id : null,
//    'data-person_id': (appt.person_id) ? appt.person_id : null,
    'data-ajax': 'true'
}).data('patient', patientData);

console.log(patientAnchor);

编辑：我刚刚注意到这个例子来自：

http://api.jquery.com/data/

在示例中，他们使用带有对象数据的 DIV。

$( "div" ).data( "test", { first: 16, last: "pizza!" } );

Answer 1

您确定数据属性不起作用吗？您将 patientData 作为任何空对象，因此如果未定义 appt 属性，patientData 仍将为空：

if (appt.appt_id) patientData.appt_id = appt.appt_id;
if (appt.enc_id) patientData.enc_id = appt.enc_id;
if (appt.person_id) patientData.person_id = appt.person_id;

尝试执行以下操作以查看患者的数据：

console.log(patientAnchor.data('patient'));

另外，尝试静态设置，看看是否有效：

.data('patient', {appt_id: 12, enc_id: 23, person_id: 3);