Jquery动态生成的按钮没有css

Question

我正在从 Google Places Api 获取一些数据，我正在使用 jquerymobile 向用户显示最近的地点，数据以 JSON 格式提供我想生成一组按钮，以便用户轻松点击选定的位置。

数据已生成，但按钮显示为没有样式的链接，甚至与另一个有样式的按钮的代码相同。这是代码sn-p。

$.each(pdata.results, function(key) { 
    if (key>0 && key<6) {
$('#dPlaces').append('<a href="#" data-role="button">'+pdata.results[key].name+'</a>');                  
} //endif
}); //each

返回数据但没有按钮样式。我的想法是我将放置一个 onclick() 来设置一些值和方式一个按钮列表，但具有 JQM 样式。

谢谢。

诺曼

Answer 1

你需要刷新页面，试试这样：

$.each(pdata.results, function(key) { 
    if (key>0 && key<6) {
        $('#dPlaces').append('<a href="#" data-role="button">'+pdata.results[key].name+'</a>').page();                  
    } //endif
});

或者也许：

$.each(pdata.results, function(key) { 
    if (key>0 && key<6) {
        $('#dPlaces').append('<a href="#" data-role="button">'+pdata.results[key].name+'</a>');                  
    } //endif
});

$('#dPlaces').page();

更新：

$('div').live('pageshow',function(event, ui){
    $.each(pdata.results, function(key) { 
        if (key>0 && key<6) {
            $('#dPlaces').append('<a href="#" data-role="button">'+pdata.results[key].name+'</a>');                  
        } //endif
    });

    $('#dPlaces').page();
});

文档：http://jquerymobile.com/demos/1.0a4.1/#docs/api/events.html