html - 将 html 添加到 jQuerymobile 中的页面

Question

我对 Jquerymobile、html5 和 css 非常陌生。现在我正在处理 jquerymobile 项目，因为我需要在页面中显示我从 rest 服务获取的 html 代码，并且我正在使用以下代码进行操作。

<div data-role="content" style="width:700px">
<div id="html_content">
</div>
</div>

和 javascript 是

$("#paystub-html").live('pageinit',function(){

$.getJSON(url,function(events){
$(events).each(function(i,item){

$(item.Data).appendTo($("#html_content"));

});
});

});

我可以显示 html 但不能完全显示它不能水平滚动。我也尝试使用溢出标签，但没有解决。

有没有其他方法可以做到这一点？如何 ？

提前致谢。

Answer 1

这种情况可以通过 解决overflow，但您首先需要width从内容中删除

<div data-role="content">
    <div id="html_content" style="overflow-x:scroll">
    </div>
</div>

你可以在这里测试

顺便说一句，jQuery 移动标准使用要求您将内容包含在页面容器中。