Javascript 将数据mini=true属性附加到动态创建的元素

我有以下代码：

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

代码运行得很好。但是，我也在尝试使输入显示为微型jquery移动风格（即，好像

附加了

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 }));

---

有什么想法吗？

当您使用

.data（）

时，不应该在前面加

数据-

试试这个

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

$（''）.append（$（''）.data（'mini'，true）.attr（{type:'text'，readonly:'readonly'，value:currentSet.weight}）；

在使用

.data（）

时，不应使用

数据-

作为前缀

试试这个

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

$（''）.append（$（''）.data（'mini'，true）.attr（{type:'text'，readonly:'readonly'，value:currentSet.weight}）；

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