Question

我使用javascript添加了html代码。除Button外，所有标题和div都正常工作。由于某些原因，Button未添加或可能无法正常工作。请检查我的代码提供一些建议。当我使用与html相同的代码时，它运行良好。

var ItemsToAdd = '';
ItemsToAdd += '<h5 style="margin-top:10px; margin-left:10px; font-size:30px;" >' + app.categories[0].name + '</h5>\
                       <div><img src="' + app.info_icon_path + '" style="margin-top:10px; margin-left:10px; float:left;"  alt="Info_image"/></div>\
                       <div > <a data-role="button"  style="margin-top:135px; margin-left:5px; width:136px; height:50px; float:left;">Load</a></div>\
                       <div>\
                            <h5 style="margin-top:10px; margin-left:10px;font-size:30px;" >' + app.name + '</h5>\
                            <p style="margin-left:10px; margin-right:20px">' + app.desc_short + '<br></br></p>\
                        </div>\
                        <div class="ui-block-d"> <a data-role="button"  style="margin-top:0px; margin-left:5px; width:136px; height:50px; float:left;">more info</a>\
                        </div>\
                        <p><br><br><br></p>\
                        <h5 style="margin-top:30px; margin-left:10px;font-size:20px;" >Version ' + app.version + '</h5>\
                        <h5 style="margin-top:10px; margin-left:10px;font-size:20px;" >' + app.price + '</h5>';

$("#content2").append(ItemsToAdd);

Answer 1

使用无法直接在移动jquery中添加动态html，你需要在Jquery mobile中使用“刷新”或使用.button（）方法来动态显示Jquery移动UI ......

http://jquerymobile.com/demos/1.2.0/docs/buttons/buttons-methods.html

您可以在http://www.gajotres.net/jquery-mobile-and-how-to-enhance-the-markup-of-dynamically-added-content/查看更多详情

  $("#addbutton2_here").append('<a data-role="button">' + getTime() + '</a>');
  $("#addbutton2_here").find("a[data-role='button']").button();

这是FIDDLE

Answer 2

尝试使用更新的库JQuerymobile。您需要刷新动态添加HTML元素。

最后使用

$("#content2").trigger('create');

按钮无法使用javascript工作

2 个答案: