javascript - 将 data-mini=true 属性附加到动态创建的元素

Question

我有以下代码：

$('<td>').append($('<input>').attr({ type: 'text', readonly: 'readonly', value: currentSet.weight }));

稍后，我将其附加并应用样式：

.trigger('create');

代码工作得很好。但是，我也试图使该输入显示为 mini 的 jquery-mobile 样式（即，就好像附加<input>了属性一样）。data-mini="true"我无法成功地做到这一点。我尝试了以下方法：

$('<td>').append($('<input>').data('data-mini', 'true').attr({ type: 'text', readonly: 'readonly', value: currentSet.weight }));
$('<td>').append($('<input>').attr({ type: 'text', data-mini: 'true', readonly: 'readonly', value: currentSet.weight }));

上面的两行导致文件中的任何 javascript 都不会被执行。我还尝试执行以下操作，其中包含我正在创建.dynamicRow的 a ：<tr><td>

$('.dynamicRow').find('<input>').data('data-mini', 'true');

有任何想法吗？

Answer 1

data-使用时不应该加上前缀.data()；

尝试这个;

$('<td>').append($('<input>').data('mini', true).attr({ type: 'text', readonly: 'readonly', value: currentSet.weight }));