-3

我使用 javascript 添加了 html 代码。除按钮外，所有标题和 div 都可以正常工作。该按钮未添加或由于某些原因可能无法正常工作。请检查我的代码给出一些建议。当我使用与 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);
4

2 回答 2

0

使用无法直接在移动 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();

这是一个小提琴

于 2013-11-13T10:51:28.527 回答
0

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

最后使用

$("#content2").trigger('create');
于 2013-11-13T10:59:55.473 回答