PhoneGap jQuery移动多html文件css不工作
我已经实现了使用jQuery手机和java脚本iPhone和Android的电话缺口应用程序。
我的应用程序快完成了。
到目前为止，我使用的是单一索引。所有页面的html文件。
现在我需要为不同的页面使用不同的html文件
所以我为不同的页面创建了多个外部html文件，链接了参考文献，并将它们添加到www文件夹中。
因为我有一个列表视图，它的css不可见
主页：-参见索引中的page2和page3ref。html文件
<div data-role="content">
<ul data-role="listview" data-theme="e" data-header-theme="a" data-dividertheme="a" id="List view">
<li data-role='list-divider' ><big>Lis view</big></li>
<li><a href='#page1' id='Page1' data-panel='main'>Page1 Information</a></li>
<li><a href='page2.html' rel="external" id='pagetwoid' data-panel='main'>Go to Page 2</a></li>
<li><a href='page3.html' rel="external" id='pagethreeid' data-panel='main'>Go to Page 3</a></li> </ul>
</div>
第2页：-
<!DOCTYPE html>
<html>
<head>
<title>Multiple htmls</title>
<meta id="viewport" name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
<!--
<link rel="stylesheet" href="inc/jquery.mobile-1.0.1.min.css" />
<link rel="stylesheet" href="inc/jquery.mobile.splitview.css" />
<link rel="stylesheet" href="inc/jquery.mobile.grids.collapsible.css" />
<link rel="stylesheet" href="inc/jquery.mobile.structure-1.0.1.min.css" />
-->
<link rel="stylesheet" href="inc/jquery.alerts.css" />
<link rel="stylesheet" href="inc/jquery.mobile.datebox.css" />
<script charset="utf-8" src="cordova-1.9.0.js"></script>
<script type="text/javascript" src="inc/jquery-1.7.1.js"></script>
<script type="text/javascript" src="inc/jquery.mobile.splitview.js"></script>
<script type="text/javascript" src="inc/jquery.mobile-1.0.1.min.js"></script>
<script type="text/javascript" src="inc/jquery.alerts.js"></script>
<script type="text/javascript" src="inc/iscroll-wrapper.js"></script>
<script type="text/javascript" src="inc/iscroll-lite.js"></script>
<script type="text/javascript">
alert('js Loadfed');
</script>
<style>
alert();
alert('css loaded');
</style>
</head>
<body>
<!--============= Page2 ===============--->
<div data-role="page" id="siteContacts" data-theme="e" >
<div data-role="header">
<h1>Page 2 </h1>
<a href="page2.html" id="EditButton" data-role="button" data-icon="gear" class="ui-btn-right" data-theme="e" >Edit</a>
</div>
<div data-role="content">
<ul data-role="listview" data-inset="true" class="ui-listview" data-dividertheme="a">
<li data-role="list-divider"> <!--list Header --->
<div class="ui-grid-c"> <!--Section Headers Grid--->
<div class="ui-block-a" ><big> aaaa</big> </div>
<div class="ui-block-b" ><big> bbbb</big> </div>
<div class="ui-block-c" ><big> ccc</big> </div>
<div class="ui-block-d" ><big> e-sss</big> </div>
</div>
</li>
</ul>
</div>
</body>
</html>
共有2个答案
PhoneGap要求您在根目录的“config.xml”文件中手动设置/允许应用程序的各个方面。
我相信，您正在寻找的解决方案是：
<access origin="http://code.jquery.com" subdomains="true" />
您允许访问“http://code.jquery.com”的外部资源，并允许其所有子域。这意味着您刚刚解锁了jQuery mobile，这就是您想要的，正如您的脚本标签所示：
<script type="text/javascript" src="inc/jquery-1.7.1.js"></script>
<script type="text/javascript" src="inc/jquery.mobile.splitview.js"></script>
这些“src”属性现在被视为http://code.jquery.com，您刚刚成功允许！
也许我读错了你的代码，但是看起来jquery手机样式表的链接被注释掉了。您肯定需要在HTML中定义它们才能应用样式。
您是否将它们加载到其他地方，从您发布的代码中看不出来？
-
我想增加一个多文件上传按钮到我的申请表格在我的网站。直到现在，我可以一次上传多个文件，并显示这些文件的列表。然而，我现在也想首先上传几个文件，并看到列表，然后我希望能够添加更多的文件，并有该列表停留。但是，到目前为止，当我这样做时，已经上传的文件列表就会消失。这是HTML、CSS和JS代码，我一直使用到现在。如果有人能给我如何在代码中更改这一点的提示，我会很高兴的。 如果我的问题有错误，我很抱歉。
-
我正在开发一个带有文件上传的web应用程序。 我只是写了一个PHP代码来上传一个图像。 当我运行此代码时，我可以在文件上传时获得输出，如果上传错误 我给了777权限来访问pic文件夹 有什么问题，有什么想法吗，， 类型 Print_R 数组 谢啦
-
我正在使用react、redux和next.js创建一个项目，并希望在js中导入CSS文件。 我遵循了next.js/#css和next css中的说明，但发现css样式不起作用。 我的代码如下： pages/index.js： next.config.js： style.css： package.json： 问题： 1.Chrome中有一个“未捕获的语法错误”，但它似乎不会影响页面的呈现。但我仍
-
我不知道我在这里做错了什么。我尝试了各种方法，包括绝对路径、相对路径、启用日志记录（这似乎也不起作用）、使用Main、使用DefaultCamelContext、添加threadsleep，但我无法让camel将文件从一个文件夹移动到另一个文件夹。 这是我的代码： 有人能发现上面的问题吗？ 谢谢
-
我尝试创建一个CSS动画，当你悬停在方框上时，它会显示使用CSS动画的div。我使用了以下站点作为参考。点击这里，但我似乎无法实现EFX。在我的站点上，我使用JqUERY实现了一个show and hide函数，我的addClass和RemoveClass可以正常工作，但总体来说，该函数并没有正常工作。有人能指引我正确的方向吗。 /**HTML**/ /*jquery**/ /**CSS动画**/