gpt4 book ai didi

javascript - jQuery 在 Phonegap 中加载本地 html 文件

转载 作者:行者123 更新时间:2023-11-28 09:12:50 26 4
gpt4 key购买 nike

我正在创建多页电话间隙应用

我的基本结构包括 index.html 中的 css 和脚本,我正在尝试将内容从其他 html 页面动态加载到容器中。

当我加载其他动态页面的内容时,CSS 没有反射(reflect)在页面上。

我在本地有样式表,但加载后该样式表仍未应用于 login.html

任何一首歌的样式表cdn路径 https://cdn.syncfusion.com/js/mobile/ej.mobile.all-latest.min.css

脚本cdn路径https://cdn.syncfusion.com/js/mobile/ej.mobile.all-latest.min.js

index.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="msapplication-tap-highlight" content="no" />
<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no" />
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<title>Login</title>
<link href="css/font-awesome.min.css" rel="stylesheet" />
<link href="css/ej.mobile.all.min.css" rel="stylesheet" />

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


</head>
<body>
<div data-role="appview">
<div id="header" data-role="ejmheader" data-ej-title="Leap Agent Portal"></div>

<div id="content"></div>
</div>
<!-- Cordova reference, this is added to your app when it's built. -->
<script src="cordova.js"></script>
<script src="scripts/jquery-2.1.1.min.js"></script>
<script src="scripts/jquery.validate.min.js"></script>
<script src="scripts/jsrender.js"></script>
<script src="scripts/ej.mobile.all.min.js"></script>
<script src="scripts/platformOverrides.js"></script>
<script>


var loadPage = function(url) {
$.ajax({
url: url,
}).done(function (data) {
$("#content").html(data);
});
}

(function () {
"use strict";

document.addEventListener('deviceready', onDeviceReady.bind(this), false);

function onDeviceReady() {
loadPage("views/login.html");
};
})();

</script>

</body>
</html>

login.html

<form id="loginform" method="post">
<h1>Enter Login Credentials</h1>
<br />
User Name
<input type="text" required id="username" name="username"><br>
<br />
Password
<input type="password" required id="password" name="password">
<div align="center">
<button type="submit" data-role="ejmbutton" data-ej-contenttype="textimage" data-ej-rendermode="auto"
data-ej-imageclass="fa fa-key" id="btnlogin">
Login
</button>
</div>
<div id="message"></div>
</form>

如果我在没有加载样式表的情况下将所有内容都写在单个渲染上

enter image description here

如果我使用 jquery load 加载则没有样式呈现

enter image description here

最佳答案

您是否尝试过使用 safari development inspector 检查您的 DOM/CSS?有时它有帮助,-)

关于javascript - jQuery 在 Phonegap 中加载本地 html 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26434337/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com