2015-09-30 147 views
0

問候我試圖將一個動態生成的(PHP)Touchscroller頁面加載到Phonegap應用程序的index.html文件中。加載動態TouchScroller頁面外部

托馬斯·卡恩的酷jQuery插件代碼是在這裏: http://smoothtouchscroll.com/

此外,它加載這些資源,其中有些是我的服務器上:

<link rel="stylesheet" type="text/css" href="css/smoothTouchScroll.css" /> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"> 
</script> 
<script src="js/jquery-ui-1.10.3.custom.min.js"> 
</script> 
<script src="js/jquery.kinetic.min.js"> 
</script> 
<script src="js/jquery.smoothTouchScroll.min.js"> 

嘗試過的jQuery加載和獲取方法和香草JavaScript的XMLHttp響應 - innerHTML請求,但圖像回來脫節,沒有滾動效果。

直接進入動態生成的PHP頁面(回顯完整的代碼與資源)生成一個工作的TouchScroller,所以我知道加載的頁面工作,這讓我認爲這可能是一個時間問題。有誰知道我做錯了什麼?

回答

0

問題解決了!我基本上回答了我的問題,這實際上是一個時間的事情,我需要做的是回調的touchscroll功能的成功響應後,這樣的:

$("#touchScroller").load("sts.php", function(responseTxt, statusTxt, xhr){ 

if(statusTxt == "success"){ 
$(function(){ 
$("#touchScroller").smoothTouchScroll({ continuousScrolling: true }); 
}); 
} 

}); 

我發誓,有時候把你的問題進言幫助澄清你的想法並找到答案。希望這可以幫助像我這樣的其他Phonegappers,它們必須將動態(PHP + jQuery)內容集成到常規的HTML頁面中。