Question

问候我正在尝试将动态生成的（PHP）Touchscroller页面加载到Phonegap应用程序的index.html文件中。

Thomas Kahn的酷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 Load和Get方法以及vanilla javascript XMLHttp response-innerHTML请求，但图像脱节并且没有滚动效果。

直接进入动态生成的PHP页面（用资源回显完整代码）会生成一个正常工作的Touchscroller，所以我知道加载的页面有效，这让我觉得它可能是一个时间问题。有谁知道我做错了什么？

Answer 1

问题解决了！我基本上回答了我自己的问题，实际上这是一个时间问题，我需要做的是在成功响应后回调touchscroll函数，如下所示：

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

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

 });

我发誓，有时候把问题写成文字有助于澄清你的想法并找到答案。希望这有助于像我一样的其他Phonegappers必须将动态（PHP + jQuery）内容集成到常规的html页面中。

外部加载Dynamic Touchscroller页面

1 个答案: