Question

我正在尝试动态添加行到表（最后一个td单元格包含按钮）

在firefox中，当我看到用firebug生成的行时，我得像

<td class="center_vertical">
    <a class="custom-button" data-name="63" name="drag_req" data-role="button"></a>
</td>

但它不会呈现为按钮，就像简单的文字一样（不是可点击的，没有徘徊）。我在js中创建行，如

        var rowContent = '<tr valign="middle"><td class="center_vertical"><a data-role="button" class="custom-button" name="drag_req" data-name="'+ responseData['id'] + '">Drag</a></td></tr>';
        $('#my_data_requests > tbody:last').html(rowContent);

（responseData是包含所有使用键的字典）当我在模板中创建相同的html时，它会像按钮一样呈现拖动而不是简单文本。有谁知道出了什么问题？

Answer 1

可能是因为responseData['id']中的单引号吗？他们可能搞乱了字符串。我会单独声明var，以便rowContent字符串中没有单引号。

var responseData_id = responseData['id'];
var rowContent = '<tr valign="middle"><td class="center_vertical"><a data-role="button" class="custom-button" name="drag_req" data-name="'+ responseData_id + '">Drag</a></td></tr>';
$('#my_data_requests > tbody:last').html(rowContent);

在以表格单元格内部以编程方式添加时，按钮呈现为简单文本

1 个答案: