1

html ファイルを別の html ファイルにインクルードしたい。ページを読み込むことはできますが、(jquery-mobile) css は含まれているページに影響を与えません。

ログイン機能をテストから分離したい。だから私はこのように実装したい。

以下のコードを見つけてください。

Test.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>

test.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>

login.js

 user.loginDo = function() {
  console.log("Inside Login");
  $("#content").load("Login.html");
 };

jquery-mobile .css をログインページに適用したい。これについて私を助けてください..

4

1 に答える 1

0

これを使用してページを再描画できます。

http://archive.plugins.jquery.com/project/force_redraw

$("#content").forceRedraw();
于 2012-09-28T09:00:52.547 に答える