2013-01-08 151 views
0

我對Jquerymobile,html5和css.Now非常新,我正在jquerymobile項目中工作,我需要顯示我從頁面中的其餘服務獲取的html代碼,而我通過使用下面的代碼來完成。將html添加到jQuerymobile中的頁面

<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,但不能完全它不是滾動horizo​​ntally.I通過使用溢出標籤還,但它不是解決試過。

有沒有其他辦法可以做到這一點?怎麼樣 ?

在此先感謝。

+0

你嘗試添加屬性overflow-x =「scroll」給你html_content div嗎? – Romain

+0

是的,我也試過。 – surendra

+0

那麼奇怪是行不通的。如果你只是把靜態內容放在div中會發生什麼?你有滾動嗎?如果沒有您的頁面上添加的內容的示例,將很難幫助您 – Romain

回答

0

這種情況可以用overflow解決,但你首先需要從內容中刪除width有事情妥善處理

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

您可以測試它here

順便說一句,jQuery的移動標準的使用將要求您將您的內容包含在頁面容器中。

+0

我已經試過這一個。它滾動在桌面瀏覽器,但不是在Android設備瀏覽器和模擬器瀏覽器。 – surendra

+0

然後你的是一個明顯不同的問題:如何獲得溢出-x:滾動以在Android設備上工作。也許[this](http://stackoverflow.com/questions/4909669/overflow-xhidden-not-working-w-android-samsung-epic-and-possibly-others)或[this](http:// stackoverflow。 com/questions/11591321/how-can-i-get-div-scroll-overflow-x-to-work-on-a-browser-browser)可以提供幫助。 – Romain

+0

感謝兄弟爲你付出的努力。 – surendra