Jquery动态生成按钮无css

发布于 2024-11-08 17:49:56 字数 488 浏览 0 评论 0原文

我正在从 Google Places Api 获取一些数据，我正在使用 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 样式的按钮列表。

谢谢。

诺曼

原文

I am fetching some data from a Google Places Api, I am using jquerymobile to show a user nearest places, the data comes in JSON I want to generate a set of buttons so is easy for user to click selected location.

The data is generated but the button is showed as a link with no style, even is the same code of another button with style. here is the code snippet.

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

Data is returned but no Button style.. the idea is I will put a onclick() to set some value and way a list of buttons but with JQM style.

thanks.

Norman

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

多孤肩上扛 2024-11-15 17:49:56

您需要刷新页面，尝试这样的操作：

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

You need to refresh the page, try something like this:

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

or maybe:

$.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();

UPDATE:

$('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();
});

Docs: http://jquerymobile.com/demos/1.0a4.1/#docs/api/events.html

回复收藏 0 原文

~没有更多了~