JQuery динамически генерируемые кнопки нет CSS

Question

Я получаю некоторые данные из API Google Places, я использую jquerymobile, чтобы показать пользователю ближайшие места, данные приходят в формате JSON. Я хочу сгенерировать набор кнопок, чтобы пользователю было легко нажимать на выбранное местоположение.

Данные генерируются, но кнопка отображается как ссылка без стиля, даже это тот же код другой кнопки со стилем. вот фрагмент кода.

$.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.

спасибо.

Norman

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