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

Question

我在下面有以下代码：

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

稍后，我追加并将样式应用于：

.trigger('create');

代码工作得很好。但是，我也试图使输入显示为迷你，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是<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 }));