0

我正在使用 JQuery 创建两个按钮：

      mapbutton = '<a class="mapbtn" rel="external" data-role="button" href="map.html?longlat='+ coords +' ">Map</a>';
      $('.event').append(mapbutton);

      var input = '<a href="#" data-role="button" class="save_event">Save to Planner</a>';
      $('.event').append(input);

我已经添加了data-role="button"让 JQuery Mobile 设置样式所需的内容，但仍然像普通链接一样显示。

我猜这是因为 JQM 在脚本运行之前设置了 DOM 元素的样式。

有谁知道如何改变它，以便 JQM 也为这些动态创建的元素设置样式？

4

1 回答 1

1

您可以使用动态创建的元素调用按钮小部件以显示为 JQM 按钮小部件.button()

var mapbutton = '<a class="mapbtn" rel="external" data-role="button" href="map.html?longlat=' + coords + ' ">Map</a>';

$('.event').append($(mapbutton).button());

var input = '<a href="#" data-role="button" class="save_event">Save to Planner</a>';
$('.event').append($(input).button());

演示

查看文档

于 2013-06-02T07:30:57.040 回答