Question

我正在使用Phonegap开发移动应用程序，它主要使用webView进行内容。 webView中的一个页面使用SwipeJS，但是当我加载所有相关文件（css＆amp; js）时，图像不会显示。我在过去几个小时内一直在解决这个问题，我认为最好的解决方案是在webview上而不是在应用程序中加载所有资产。

问题是当我将所有资源添加到页面webview，然后通过应用程序加载页面时没有样式或脚本加载。如果我转到我在网页浏览器中加载webView的页面，资源就在那里，SwipeJS库就可以了。所以我有点困惑，为什么不是webview渲染带有工作库的页面？

以下是标题来源：

<!DOCTYPE html> 
<html> 
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <title>Title</title>

    <link rel="stylesheet" href="css/min.css" />

    <script src="js/jquery-1.6.4.min.js"></script>
    <script src="js/jquery.dotdotdot-1.3.0.js"></script>
    <script src="cordova-2.0.0.js"></script>
    <script src="js/jquery.mobile-1.0.min.js"></script>
    <script src="js/min.js"></script>
    <script src="js/swipe.js"></script>
    <script type="text/javascript">
           $(document).bind("mobileinit", function(){
               $.mobile.ajaxEnabled = false;
               $.mobile.ajaxLinksEnabled = false;
               $.mobile.pushStateEnabled = false;
               $.mobile.hashListeningEnabled = false;
           });

           $(document).ready(function(){

               // for select dropdown nav
               $("#main-nav").change(function(){
                   if ($(this).val()!='') {
                       var mobPage ="http://m.example.com/"+$(this).val()+"?mode=Native";
                       $('#content').load(mobPage);
                   }
               });

               $('a').live("click", function(){
                   event.preventDefault();
                   var artPage = $(this).attr('href');
                   var mobPage = artPage+"?mode=Native";
                   $("#content").load(mobPage);
               });

               $('.ui-navbar a').live("click", function(){
                   event.preventDefault();
                   var artPage = $(this).attr('href');
                   var mobPage = "http://m.example.com/"+artPage+"?mode=Native";
                   $("#content").load(mobPage);
               });

               var mobPage = "http://m.example.com/?mode=Native";

               $('#content').load(mobPage, function() {
                   $('#content').fadeIn(500);
               });
         });


                        </script>

        </head>

正在加载css＆amp;带有Phonegap的webview中的JavaScript库

0 个答案: