我想将 html 文件包含在另一个 html 文件中。我能够加载页面，但 (jquery-mobile) css 不影响包含的页面。
我想将登录功能与测试分开。所以我想这样实现。
请在下面找到代码。
测试.html
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Application</title>
<link rel="stylesheet" type="text/css" href="css/jquery.mobile-1.1.1.css" />
<link rel="stylesheet" type="text/css" href="css/jquery.mobile.structure-1.1.1.css" />
<link rel="stylesheet" type="text/css" href="css/jquery.mobile.theme-1.1.1.css" />
<link rel="stylesheet" type="text/css" href="css/login.css" />
<script type="text/javascript" src='js/jquery-1.8.2.js'></script>
<script type="text/javascript" src="js/jquery.mobile-1.1.1.js"></script>
<script type="text/javascript" src="js/login.js"></script>
<script type="text/javascript" src="js/test.js"></script>
</head>
<body>
<div id="content"></div>
</body>
</html>
测试.js
$(document).ready(function(){
user.loginDo();
});
登录.html
<div data-role="header" data-theme="b">
<h1>Sign On</h1>
</div>
<div id="logo_pos">
<center><img src="images/test.jpg" alt="splash"/></center>
</div>
<div data-role="fieldcontain">
<label for="userid" id="luserid" ><strong>UserId : </strong></label>
<input type="text" name="userid" id="userid" value="" class="logon" placeholder="Username" required/>
</div>
<div data-role="fieldcontain">
<label for="password" id="lpassword"><strong>Password :</strong></label>
<input type="password" name="password" id="password" class="logon" value="" placeholder="Password" required/>
</div>
<div class="ui-body">
<fieldset class="ui-grid-a">
<div class="ui-block-a"><a data-role="button" id="loginbtn" data-theme="b">Login</a></div>
</fieldset>
</div>
登录.js
user.loginDo = function() {
console.log("Inside Login");
$("#content").load("Login.html");
};
我想将 jquery-mobile .css 应用到登录页面。请帮我解决这个问题..
最佳答案
关于jquery - 使用 jQuery 加载函数加载 html 文件时，CSS 文件不受影响，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12636576/