无法使用prop（）添加数据切换

Question

我使用bootstrap框架。在我有一个功能

$('<button>').prop('data-toggle','dropdown')
.prop('type',"button")
.prop('class',"btn btn-icon")
.prop('id',"btn"+i)            .append($('<img>')
.prop('src',"../resource/images/icons/add.png")))

但在html中显示

<button type="button" class="btn btn-icon dropdown" >
<img src="../resource/images/icons/add.png"></button>

Answer 1

您必须以这种方式添加数据属性：

$('button').attr('data-toggle', 'dropdown').prop...

Answer 2

您可以使用jQuery .data（）方法设置和获取数据属性/值：

$('button').data('toggle','dropdown').prop(....)...